/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

body {
    margin: 0
}

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

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

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

[hidden], template {
    display: none
}

a {
    background-color: transparent
}

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

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

b, strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

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

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

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

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

figure {
    margin: 1em 40px
}

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

pre {
    overflow: auto
}

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

button, input, optgroup, select, textarea {
    margin: 0;
    font: inherit;
    color: inherit
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

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

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

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

input {
    line-height: normal
}

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

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

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
}

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

legend {
    padding: 0;
    border: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

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

td, th {
    padding: 0
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
    *, :after, :before {
        color: #000 !important;
        text-shadow: none !important;
        background: 0 0 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

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

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

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

    a[href^="javascript:"]:after, a[href^="#"]: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
    }

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

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

    .navbar {
        display: none
    }

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

    .label {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

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

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

@font-face {
    font-family: 'Glyphicons Halflings';
    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')
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.glyphicon-asterisk:before {
    content: "\002a"
}

.glyphicon-plus:before {
    content: "\002b"
}

.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"
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

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

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff
}

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

a {
    color: #337ab7;
    text-decoration: none
}

a:focus, a:hover {
    color: #23527c;
    text-decoration: underline
}

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

figure {
    margin: 0
}

img {
    vertical-align: middle
}

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

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

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

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

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

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

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

[role=button] {
    cursor: pointer
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit
}

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

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

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

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

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

.h1, h1 {
    font-size: 36px
}

.h2, h2 {
    font-size: 30px
}

.h3, h3 {
    font-size: 24px
}

.h4, h4 {
    font-size: 18px
}

.h5, h5 {
    font-size: 14px
}

.h6, h6 {
    font-size: 12px
}

p {
    margin: 0 0 10px
}

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

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

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

.mark, mark {
    padding: .2em;
    background-color: #fcf8e3
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-muted {
    color: #777
}

.text-primary {
    color: #337ab7
}

a.text-primary:focus, a.text-primary:hover {
    color: #286090
}

.text-success {
    color: #3c763d
}

a.text-success:focus, a.text-success:hover {
    color: #2b542c
}

.text-info {
    color: #31708f
}

a.text-info:focus, a.text-info:hover {
    color: #245269
}

.text-warning {
    color: #8a6d3b
}

a.text-warning:focus, a.text-warning:hover {
    color: #66512c
}

.text-danger {
    color: #a94442
}

a.text-danger:focus, a.text-danger:hover {
    color: #843534
}

.bg-primary {
    color: #fff;
    background-color: #337ab7
}

a.bg-primary:focus, a.bg-primary:hover {
    background-color: #286090
}

.bg-success {
    background-color: #dff0d8
}

a.bg-success:focus, a.bg-success:hover {
    background-color: #c1e2b3
}

.bg-info {
    background-color: #d9edf7
}

a.bg-info:focus, a.bg-info:hover {
    background-color: #afd9ee
}

.bg-warning {
    background-color: #fcf8e3
}

a.bg-warning:focus, a.bg-warning:hover {
    background-color: #f7ecb5
}

.bg-danger {
    background-color: #f2dede
}

a.bg-danger:focus, a.bg-danger:hover {
    background-color: #e4b9b9
}

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

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

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

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

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

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

dl {
    margin-top: 0;
    margin-bottom: 20px
}

dd, dt {
    line-height: 1.42857143
}

dt {
    font-weight: 700
}

dd {
    margin-left: 0
}

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

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

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

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

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

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

blockquote .small, blockquote footer, blockquote small {
    display: block;
    font-size: 80%;
    line-height: 1.42857143;
    color: #777
}

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

.blockquote-reverse, blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    text-align: right;
    border-right: 5px solid #eee;
    border-left: 0
}

.blockquote-reverse .small:before, .blockquote-reverse footer:before, .blockquote-reverse small:before, blockquote.pull-right .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before {
    content: ''
}

.blockquote-reverse .small:after, .blockquote-reverse footer:after, .blockquote-reverse small:after, blockquote.pull-right .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after {
    content: '\00A0 \2014'
}

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

code, kbd, pre, samp {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px
}

kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: #fff;
    background-color: #333;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25)
}

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

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px
}

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

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

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 768px) {
    .container {
        width: 750px
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px
    }
}

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

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

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

.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    float: left
}

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

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

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

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

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

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

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

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

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

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

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

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

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666667%
}

.col-xs-pull-10 {
    right: 83.33333333%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666667%
}

.col-xs-pull-7 {
    right: 58.33333333%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666667%
}

.col-xs-pull-4 {
    right: 33.33333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.66666667%
}

.col-xs-pull-1 {
    right: 8.33333333%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666667%
}

.col-xs-push-10 {
    left: 83.33333333%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666667%
}

.col-xs-push-7 {
    left: 58.33333333%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666667%
}

.col-xs-push-4 {
    left: 33.33333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.66666667%
}

.col-xs-push-1 {
    left: 8.33333333%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-offset-12 {
    margin-left: 100%
}

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

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

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

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

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

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

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

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

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

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

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

.col-xs-offset-0 {
    margin-left: 0
}

@media (min-width: 768px) {
    .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
        float: left
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .col-sm-pull-12 {
        right: 100%
    }

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

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

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

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

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

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

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

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

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

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

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

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-push-12 {
        left: 100%
    }

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

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

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

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

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

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

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

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

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

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

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

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 992px) {
    .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
        float: left
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .col-md-pull-12 {
        right: 100%
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .col-md-push-12 {
        left: 100%
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .col-md-offset-12 {
        margin-left: 100%
    }

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 1200px) {
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
        float: left
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .col-lg-pull-12 {
        right: 100%
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .col-lg-push-12 {
        left: 100%
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .col-lg-offset-12 {
        margin-left: 100%
    }

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

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

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

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

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

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

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

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

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

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

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

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

table {
    background-color: transparent
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777;
    text-align: left
}

th {
    text-align: left
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd
}

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

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

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

.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th {
    padding: 5px
}

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

.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 1px solid #ddd
}

.table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border-bottom-width: 2px
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9
}

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

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

table td[class*=col-], table th[class*=col-] {
    position: static;
    display: table-cell;
    float: none
}

.table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active {
    background-color: #f5f5f5
}

.table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr.active:hover > th, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover {
    background-color: #e8e8e8
}

.table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > thead > tr > td.success, .table > thead > tr > th.success {
    background-color: #dff0d8
}

.table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover {
    background-color: #d0e9c6
}

.table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > thead > tr > td.info, .table > thead > tr > th.info {
    background-color: #d9edf7
}

.table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr.info:hover > th, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover {
    background-color: #c4e3f3
}

.table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > thead > tr > td.warning, .table > thead > tr > th.warning {
    background-color: #fcf8e3
}

.table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover {
    background-color: #faf2cc
}

.table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > thead > tr > td.danger, .table > thead > tr > th.danger {
    background-color: #f2dede
}

.table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover {
    background-color: #ebcccc
}

.table-responsive {
    min-height: .01%;
    overflow-x: auto
}

@media screen and (max-width: 767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd
    }

    .table-responsive > .table {
        margin-bottom: 0
    }

    .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th {
        white-space: nowrap
    }

    .table-responsive > .table-bordered {
        border: 0
    }

    .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > thead > tr > th:first-child {
        border-left: 0
    }

    .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > thead > tr > th:last-child {
        border-right: 0
    }

    .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th {
        border-bottom: 0
    }
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

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

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700
}

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

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

input[type=file] {
    display: block
}

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

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

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

output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

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

.form-control:-ms-input-placeholder {
    color: #999
}

.form-control::-webkit-input-placeholder {
    color: #999
}

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

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

.form-control[disabled], fieldset[disabled] .form-control {
    cursor: not-allowed
}

textarea.form-control {
    height: auto
}

input[type=search] {
    -webkit-appearance: none
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type=date].form-control, input[type=time].form-control, input[type=datetime-local].form-control, input[type=month].form-control {
        line-height: 34px
    }

    .input-group-sm input[type=date], .input-group-sm input[type=time], .input-group-sm input[type=datetime-local], .input-group-sm input[type=month], input[type=date].input-sm, input[type=time].input-sm, input[type=datetime-local].input-sm, input[type=month].input-sm {
        line-height: 30px
    }

    .input-group-lg input[type=date], .input-group-lg input[type=time], .input-group-lg input[type=datetime-local], .input-group-lg input[type=month], input[type=date].input-lg, input[type=time].input-lg, input[type=datetime-local].input-lg, input[type=month].input-lg {
        line-height: 46px
    }
}

.form-group {
    margin-bottom: 15px
}

.checkbox, .radio {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.checkbox label, .radio label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer
}

.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    position: absolute;
    margin-top: 4px \9;
    margin-left: -20px
}

.checkbox + .checkbox, .radio + .radio {
    margin-top: -5px
}

.checkbox-inline, .radio-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer
}

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

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

.checkbox-inline.disabled, .radio-inline.disabled, fieldset[disabled] .checkbox-inline, fieldset[disabled] .radio-inline {
    cursor: not-allowed
}

.checkbox.disabled label, .radio.disabled label, fieldset[disabled] .checkbox label, fieldset[disabled] .radio label {
    cursor: not-allowed
}

.form-control-static {
    min-height: 34px;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0
}

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

.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-sm {
    height: 30px;
    line-height: 30px
}

select[multiple].input-sm, textarea.input-sm {
    height: auto
}

.form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.form-group-sm select.form-control {
    height: 30px;
    line-height: 30px
}

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

.form-group-sm .form-control-static {
    height: 30px;
    min-height: 32px;
    padding: 6px 10px;
    font-size: 12px;
    line-height: 1.5
}

.input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

select.input-lg {
    height: 46px;
    line-height: 46px
}

select[multiple].input-lg, textarea.input-lg {
    height: auto
}

.form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

.form-group-lg select.form-control {
    height: 46px;
    line-height: 46px
}

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

.form-group-lg .form-control-static {
    height: 46px;
    min-height: 38px;
    padding: 11px 16px;
    font-size: 18px;
    line-height: 1.3333333
}

.has-feedback {
    position: relative
}

.has-feedback .form-control {
    padding-right: 42.5px
}

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none
}

.form-group-lg .form-control + .form-control-feedback, .input-group-lg + .form-control-feedback, .input-lg + .form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px
}

.form-group-sm .form-control + .form-control-feedback, .input-group-sm + .form-control-feedback, .input-sm + .form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px
}

.has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.checkbox label, .has-success.checkbox-inline label, .has-success.radio label, .has-success.radio-inline label {
    color: #3c763d
}

.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-success .form-control:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168
}

.has-success .input-group-addon {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #3c763d
}

.has-success .form-control-feedback {
    color: #3c763d
}

.has-warning .checkbox, .has-warning .checkbox-inline, .has-warning .control-label, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline, .has-warning.checkbox label, .has-warning.checkbox-inline label, .has-warning.radio label, .has-warning.radio-inline label {
    color: #8a6d3b
}

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

.has-warning .form-control:focus {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b
}

.has-warning .input-group-addon {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #8a6d3b
}

.has-warning .form-control-feedback {
    color: #8a6d3b
}

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
    color: #a94442
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483
}

.has-error .input-group-addon {
    color: #a94442;
    background-color: #f2dede;
    border-color: #a94442
}

.has-error .form-control-feedback {
    color: #a94442
}

.has-feedback label ~ .form-control-feedback {
    top: 25px
}

.has-feedback label.sr-only ~ .form-control-feedback {
    top: 0
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373
}

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

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

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

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

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

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

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

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

    .form-inline .checkbox label, .form-inline .radio label {
        padding-left: 0
    }

    .form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio] {
        position: relative;
        margin-left: 0
    }

    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }
}

.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline {
    padding-top: 7px;
    margin-top: 0;
    margin-bottom: 0
}

.form-horizontal .checkbox, .form-horizontal .radio {
    min-height: 27px
}

.form-horizontal .form-group {
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        padding-top: 7px;
        margin-bottom: 0;
        text-align: right
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 15px
}

@media (min-width: 768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 11px;
        font-size: 18px
    }
}

@media (min-width: 768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px;
        font-size: 12px
    }
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

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

.btn.active, .btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65
}

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

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc
}

.btn-default.focus, .btn-default:focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c
}

.btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad
}

.btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad
}

.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover {
    color: #333;
    background-color: #d4d4d4;
    border-color: #8c8c8c
}

.btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default {
    background-image: none
}

.btn-default.disabled.focus, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled].focus, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
    background-color: #fff;
    border-color: #ccc
}

.btn-default .badge {
    color: #fff;
    background-color: #333
}

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4
}

.btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background-color: #286090;
    border-color: #122b40
}

.btn-primary:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74
}

.btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #286090;
    border-color: #204d74
}

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
    color: #fff;
    background-color: #204d74;
    border-color: #122b40
}

.btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary {
    background-image: none
}

.btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
    background-color: #337ab7;
    border-color: #2e6da4
}

.btn-primary .badge {
    color: #337ab7;
    background-color: #fff
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c
}

.btn-success.focus, .btn-success:focus {
    color: #fff;
    background-color: #449d44;
    border-color: #255625
}

.btn-success:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439
}

.btn-success.active, .btn-success:active, .open > .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #449d44;
    border-color: #398439
}

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

.btn-success.active, .btn-success:active, .open > .dropdown-toggle.btn-success {
    background-image: none
}

.btn-success.disabled.focus, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled].focus, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover {
    background-color: #5cb85c;
    border-color: #4cae4c
}

.btn-success .badge {
    color: #5cb85c;
    background-color: #fff
}

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-info.focus, .btn-info:focus {
    color: #fff;
    background-color: #31b0d5;
    border-color: #1b6d85
}

.btn-info:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc
}

.btn-info.active, .btn-info:active, .open > .dropdown-toggle.btn-info {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc
}

.btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open > .dropdown-toggle.btn-info.focus, .open > .dropdown-toggle.btn-info:focus, .open > .dropdown-toggle.btn-info:hover {
    color: #fff;
    background-color: #269abc;
    border-color: #1b6d85
}

.btn-info.active, .btn-info:active, .open > .dropdown-toggle.btn-info {
    background-image: none
}

.btn-info.disabled.focus, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled].focus, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover {
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-info .badge {
    color: #5bc0de;
    background-color: #fff
}

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

.btn-warning.focus, .btn-warning:focus {
    color: #fff;
    background-color: #ec971f;
    border-color: #985f0d
}

.btn-warning:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512
}

.btn-warning.active, .btn-warning:active, .open > .dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512
}

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

.btn-warning.active, .btn-warning:active, .open > .dropdown-toggle.btn-warning {
    background-image: none
}

.btn-warning.disabled.focus, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled].focus, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover {
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff
}

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

.btn-danger.focus, .btn-danger:focus {
    color: #fff;
    background-color: #c9302c;
    border-color: #761c19
}

.btn-danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925
}

.btn-danger.active, .btn-danger:active, .open > .dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925
}

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

.btn-danger.active, .btn-danger:active, .open > .dropdown-toggle.btn-danger {
    background-image: none
}

.btn-danger.disabled.focus, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled].focus, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover {
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger .badge {
    color: #d9534f;
    background-color: #fff
}

.btn-link {
    font-weight: 400;
    color: #337ab7;
    border-radius: 0
}

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

.btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover {
    border-color: transparent
}

.btn-link:focus, .btn-link:hover {
    color: #23527c;
    text-decoration: underline;
    background-color: transparent
}

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

.btn-group-lg > .btn, .btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

.btn-group-sm > .btn, .btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

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

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

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

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

.fade {
    opacity: 0;
    -webkit-transition: opacity .25s linear;
    -o-transition: opacity .25s linear;
    transition: opacity .25s linear
}

.fade.in {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

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

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

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

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.dropdown, .dropup {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}

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

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #337ab7;
    outline: 0
}

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

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

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

.open > a {
    outline: 0
}

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

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

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777;
    white-space: nowrap
}

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

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

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

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

@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        right: 0;
        left: auto
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.btn .caret {
    margin-left: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.input-group[class*=col-] {
    float: none;
    padding-right: 0;
    padding-left: 0
}

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

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

.input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn {
    height: 46px;
    line-height: 46px
}

select[multiple].input-group-lg > .form-control, select[multiple].input-group-lg > .input-group-addon, select[multiple].input-group-lg > .input-group-btn > .btn, textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn {
    height: auto
}

.input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn {
    height: 30px;
    line-height: 30px
}

select[multiple].input-group-sm > .form-control, select[multiple].input-group-sm > .input-group-addon, select[multiple].input-group-sm > .input-group-btn > .btn, textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn {
    height: auto
}

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

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

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

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px
}

.input-group-addon.input-sm {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px
}

.input-group-addon.input-lg {
    padding: 10px 16px;
    font-size: 18px;
    border-radius: 6px
}

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

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

.input-group-addon:first-child {
    border-right: 0
}

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

.input-group-addon:last-child {
    border-left: 0
}

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

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

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

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

.input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group {
    margin-right: -1px
}

.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
    z-index: 2;
    margin-left: -1px
}

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

.nav > li {
    position: relative;
    display: block
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px
}

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

.nav > li.disabled > a {
    color: #777
}

.nav > li.disabled > a:focus, .nav > li.disabled > a:hover {
    color: #777;
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: #eee;
    border-color: #337ab7
}

.nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

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

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

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

.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0
}

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

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent
}

.nav-tabs.nav-justified {
    width: 100%;
    border-bottom: 0
}

.nav-tabs.nav-justified > li {
    float: none
}

.nav-tabs.nav-justified > li > a {
    margin-bottom: 5px;
    text-align: center
}

.nav-tabs.nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto
}

@media (min-width: 768px) {
    .nav-tabs.nav-justified > li {
        display: table-cell;
        width: 1%
    }

    .nav-tabs.nav-justified > li > a {
        margin-bottom: 0
    }
}

.nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-radius: 4px
}

.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
    border: 1px solid #ddd
}

@media (min-width: 768px) {
    .nav-tabs.nav-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
        border-bottom-color: #fff
    }
}

.nav-pills > li {
    float: left
}

.nav-pills > li > a {
    border-radius: 4px
}

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

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    color: #fff;
    background-color: #337ab7
}

.nav-stacked > li {
    float: none
}

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

.nav-justified {
    width: 100%
}

.nav-justified > li {
    float: none
}

.nav-justified > li > a {
    margin-bottom: 5px;
    text-align: center
}

.nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto
}

@media (min-width: 768px) {
    .nav-justified > li {
        display: table-cell;
        width: 1%
    }

    .nav-justified > li > a {
        margin-bottom: 0
    }
}

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

.nav-tabs-justified > li > a {
    margin-right: 0;
    border-radius: 4px
}

.nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover {
    border: 1px solid #ddd
}

@media (min-width: 768px) {
    .nav-tabs-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover {
        border-bottom-color: #fff
    }
}

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

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

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

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent
}

@media (min-width: 768px) {
    .navbar {
        border-radius: 4px
    }
}

@media (min-width: 768px) {
    .navbar-header {
        float: left
    }
}

.navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1)
}

.navbar-collapse.in {
    overflow-y: auto
}

@media (min-width: 768px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important
    }

    .navbar-collapse.in {
        overflow-y: visible
    }

    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse {
        padding-right: 0;
        padding-left: 0
    }
}

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: 340px
}

@media (max-device-width: 480px) and (orientation: landscape) {
    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
        max-height: 200px
    }
}

.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width: 768px) {
    .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
        margin-right: 0;
        margin-left: 0
    }
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px
}

@media (min-width: 768px) {
    .navbar-static-top {
        border-radius: 0
    }
}

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

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

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px
}

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

.navbar-brand {
    float: left;
    height: 50px;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px
}

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

.navbar-brand > img {
    display: block
}

@media (min-width: 768px) {
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-left: -15px
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}

.navbar-toggle:focus {
    outline: 0
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px
}

.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px
}

@media (min-width: 768px) {
    .navbar-toggle {
        display: none
    }
}

.navbar-nav {
    margin: 7.5px -15px
}

.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px
}

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {
        padding: 5px 15px 5px 25px
    }

    .navbar-nav .open .dropdown-menu > li > a {
        line-height: 20px
    }

    .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-nav .open .dropdown-menu > li > a:hover {
        background-image: none
    }
}

@media (min-width: 768px) {
    .navbar-nav {
        float: left;
        margin: 0
    }

    .navbar-nav > li {
        float: left
    }

    .navbar-nav > li > a {
        padding-top: 15px;
        padding-bottom: 15px
    }
}

.navbar-form {
    padding: 10px 15px;
    margin-top: 8px;
    margin-right: -15px;
    margin-bottom: 8px;
    margin-left: -15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1)
}

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

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

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

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

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

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

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

    .navbar-form .checkbox, .navbar-form .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .checkbox label, .navbar-form .radio label {
        padding-left: 0
    }

    .navbar-form .checkbox input[type=checkbox], .navbar-form .radio input[type=radio] {
        position: relative;
        margin-left: 0
    }

    .navbar-form .has-feedback .form-control-feedback {
        top: 0
    }
}

@media (max-width: 767px) {
    .navbar-form .form-group {
        margin-bottom: 5px
    }

    .navbar-form .form-group:last-child {
        margin-bottom: 0
    }
}

@media (min-width: 768px) {
    .navbar-form {
        width: auto;
        padding-top: 0;
        padding-bottom: 0;
        margin-right: 0;
        margin-left: 0;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
    margin-bottom: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.navbar-btn {
    margin-top: 8px;
    margin-bottom: 8px
}

.navbar-btn.btn-sm {
    margin-top: 10px;
    margin-bottom: 10px
}

.navbar-btn.btn-xs {
    margin-top: 14px;
    margin-bottom: 14px
}

.navbar-text {
    margin-top: 15px;
    margin-bottom: 15px
}

@media (min-width: 768px) {
    .navbar-text {
        float: left;
        margin-right: 15px;
        margin-left: 15px
    }
}

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

    .navbar-right {
        float: right !important;
        margin-right: -15px
    }

    .navbar-right ~ .navbar-right {
        margin-right: 0
    }
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7
}

.navbar-default .navbar-brand {
    color: #777
}

.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
    color: #5e5e5e;
    background-color: transparent
}

.navbar-default .navbar-text {
    color: #777
}

.navbar-default .navbar-nav > li > a {
    color: #777
}

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

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color: #555;
    background-color: #e7e7e7
}

.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:focus, .navbar-default .navbar-nav > .disabled > a:hover {
    color: #ccc;
    background-color: transparent
}

.navbar-default .navbar-toggle {
    border-color: #ddd
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #ddd
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #888
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #e7e7e7
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    color: #555;
    background-color: #e7e7e7
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
        color: #333;
        background-color: transparent
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover {
        color: #555;
        background-color: #e7e7e7
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover {
        color: #ccc;
        background-color: transparent
    }
}

.navbar-default .navbar-link {
    color: #777
}

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

.navbar-default .btn-link {
    color: #777
}

.navbar-default .btn-link:focus, .navbar-default .btn-link:hover {
    color: #333
}

.navbar-default .btn-link[disabled]:focus, .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:focus, fieldset[disabled] .navbar-default .btn-link:hover {
    color: #ccc
}

.navbar-inverse {
    background-color: #222;
    border-color: #080808
}

.navbar-inverse .navbar-brand {
    color: #9d9d9d
}

.navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover {
    color: #fff;
    background-color: transparent
}

.navbar-inverse .navbar-text {
    color: #9d9d9d
}

.navbar-inverse .navbar-nav > li > a {
    color: #9d9d9d
}

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

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

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

.navbar-inverse .navbar-toggle {
    border-color: #333
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: #333
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #101010
}

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

@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
        border-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #9d9d9d
    }

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

    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover {
        color: #fff;
        background-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover {
        color: #444;
        background-color: transparent
    }
}

.navbar-inverse .navbar-link {
    color: #9d9d9d
}

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

.navbar-inverse .btn-link {
    color: #9d9d9d
}

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

.navbar-inverse .btn-link[disabled]:focus, .navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:focus, fieldset[disabled] .navbar-inverse .btn-link:hover {
    color: #444
}

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

.breadcrumb > li {
    display: inline-block
}

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

.breadcrumb > .active {
    color: #777
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px
}

.pagination > li {
    display: inline
}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

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

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    z-index: 2;
    color: #23527c;
    background-color: #eee;
    border-color: #ddd
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7
}

.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd
}

.pagination-lg > li > a, .pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333
}

.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.pagination-sm > li > a, .pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5
}

.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

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

.pager li {
    display: inline
}

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

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

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

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

.pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover, .pager .disabled > span {
    color: #777;
    cursor: not-allowed;
    background-color: #fff
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em
}

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

.label:empty {
    display: none
}

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

.label-default {
    background-color: #777
}

.label-default[href]:focus, .label-default[href]:hover {
    background-color: #5e5e5e
}

.label-primary {
    background-color: #337ab7
}

.label-primary[href]:focus, .label-primary[href]:hover {
    background-color: #286090
}

.label-success {
    background-color: #5cb85c
}

.label-success[href]:focus, .label-success[href]:hover {
    background-color: #449d44
}

.label-info {
    background-color: #5bc0de
}

.label-info[href]:focus, .label-info[href]:hover {
    background-color: #31b0d5
}

.label-warning {
    background-color: #f0ad4e
}

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

.label-danger {
    background-color: #d9534f
}

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

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #777;
    border-radius: 10px
}

.badge:empty {
    display: none
}

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

.btn-group-xs > .btn .badge, .btn-xs .badge {
    top: 0;
    padding: 1px 5px
}

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

.list-group-item.active > .badge, .nav-pills > .active > a > .badge {
    color: #337ab7;
    background-color: #fff
}

.list-group-item > .badge {
    float: right
}

.list-group-item > .badge + .badge {
    margin-right: 5px
}

.nav-pills > li > a > .badge {
    margin-left: 3px
}

.jumbotron {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    color: inherit;
    background-color: #eee
}

.jumbotron .h1, .jumbotron h1 {
    color: inherit
}

.jumbotron p {
    margin-bottom: 15px;
    font-size: 21px;
    font-weight: 200
}

.jumbotron > hr {
    border-top-color: #d5d5d5
}

.container .jumbotron, .container-fluid .jumbotron {
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 6px
}

.jumbotron .container {
    max-width: 100%
}

@media screen and (min-width: 768px) {
    .jumbotron {
        padding-top: 48px;
        padding-bottom: 48px
    }

    .container .jumbotron, .container-fluid .jumbotron {
        padding-right: 60px;
        padding-left: 60px
    }

    .jumbotron .h1, .jumbotron h1 {
        font-size: 63px
    }
}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out
}

.thumbnail a > img, .thumbnail > img {
    margin-right: auto;
    margin-left: auto
}

a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover {
    border-color: #337ab7
}

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

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px
}

.alert h4 {
    margin-top: 0;
    color: inherit
}

.alert .alert-link {
    font-weight: 700
}

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

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

.alert-dismissable, .alert-dismissible {
    padding-right: 35px
}

.alert-dismissable .close, .alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit
}

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

.alert-success hr {
    border-top-color: #c9e2b3
}

.alert-success .alert-link {
    color: #2b542c
}

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}

.alert-info hr {
    border-top-color: #a6e1ec
}

.alert-info .alert-link {
    color: #245269
}

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

.alert-warning hr {
    border-top-color: #f7e1b5
}

.alert-warning .alert-link {
    color: #66512c
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

.alert-danger hr {
    border-top-color: #e4b9c0
}

.alert-danger .alert-link {
    color: #843534
}

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

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

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

.progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #337ab7;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease
}

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

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

.progress-bar-success {
    background-color: #5cb85c
}

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

.progress-bar-info {
    background-color: #5bc0de
}

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

.progress-bar-warning {
    background-color: #f0ad4e
}

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

.progress-bar-danger {
    background-color: #d9534f
}

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

.media {
    margin-top: 15px
}

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

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

.media-body {
    width: 10000px
}

.media-object {
    display: block
}

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

.media-right, .media > .pull-right {
    padding-left: 10px
}

.media-left, .media > .pull-left {
    padding-right: 10px
}

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

.media-middle {
    vertical-align: middle
}

.media-bottom {
    vertical-align: bottom
}

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

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

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

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd
}

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

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

a.list-group-item, button.list-group-item {
    color: #555
}

a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading {
    color: #333
}

a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {
    color: #555;
    text-decoration: none;
    background-color: #f5f5f5
}

button.list-group-item {
    width: 100%;
    text-align: left
}

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

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

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

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    z-index: 2;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7
}

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

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

.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8
}

a.list-group-item-success, button.list-group-item-success {
    color: #3c763d
}

a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading {
    color: inherit
}

a.list-group-item-success:focus, a.list-group-item-success:hover, button.list-group-item-success:focus, button.list-group-item-success:hover {
    color: #3c763d;
    background-color: #d0e9c6
}

a.list-group-item-success.active, a.list-group-item-success.active:focus, a.list-group-item-success.active:hover, button.list-group-item-success.active, button.list-group-item-success.active:focus, button.list-group-item-success.active:hover {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d
}

.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7
}

a.list-group-item-info, button.list-group-item-info {
    color: #31708f
}

a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading {
    color: inherit
}

a.list-group-item-info:focus, a.list-group-item-info:hover, button.list-group-item-info:focus, button.list-group-item-info:hover {
    color: #31708f;
    background-color: #c4e3f3
}

a.list-group-item-info.active, a.list-group-item-info.active:focus, a.list-group-item-info.active:hover, button.list-group-item-info.active, button.list-group-item-info.active:focus, button.list-group-item-info.active:hover {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f
}

.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3
}

a.list-group-item-warning, button.list-group-item-warning {
    color: #8a6d3b
}

a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading {
    color: inherit
}

a.list-group-item-warning:focus, a.list-group-item-warning:hover, button.list-group-item-warning:focus, button.list-group-item-warning:hover {
    color: #8a6d3b;
    background-color: #faf2cc
}

a.list-group-item-warning.active, a.list-group-item-warning.active:focus, a.list-group-item-warning.active:hover, button.list-group-item-warning.active, button.list-group-item-warning.active:focus, button.list-group-item-warning.active:hover {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b
}

.list-group-item-danger {
    color: #a94442;
    background-color: #f2dede
}

a.list-group-item-danger, button.list-group-item-danger {
    color: #a94442
}

a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading {
    color: inherit
}

a.list-group-item-danger:focus, a.list-group-item-danger:hover, button.list-group-item-danger:focus, button.list-group-item-danger:hover {
    color: #a94442;
    background-color: #ebcccc
}

a.list-group-item-danger.active, a.list-group-item-danger.active:focus, a.list-group-item-danger.active:hover, button.list-group-item-danger.active, button.list-group-item-danger.active:focus, button.list-group-item-danger.active:hover {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442
}

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

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

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}

.panel-body {
    padding: 15px
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel-heading > .dropdown .dropdown-toggle {
    color: inherit
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit
}

.panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a {
    color: inherit
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel > .list-group, .panel > .panel-collapse > .list-group {
    margin-bottom: 0
}

.panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0
}

.panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0
}

.list-group + .panel-footer {
    border-top-width: 0
}

.panel > .panel-collapse > .table, .panel > .table, .panel > .table-responsive > .table {
    margin-bottom: 0
}

.panel > .panel-collapse > .table caption, .panel > .table caption, .panel > .table-responsive > .table caption {
    padding-right: 15px;
    padding-left: 15px
}

.panel > .table-responsive:first-child > .table:first-child, .panel > .table:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table:first-child > thead:first-child > tr:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child {
    border-top-left-radius: 3px
}

.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child {
    border-top-right-radius: 3px
}

.panel > .table-responsive:last-child > .table:last-child, .panel > .table:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
    border-bottom-left-radius: 3px
}

.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
    border-bottom-right-radius: 3px
}

.panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body {
    border-top: 1px solid #ddd
}

.panel > .table > tbody:first-child > tr:first-child td, .panel > .table > tbody:first-child > tr:first-child th {
    border-top: 0
}

.panel > .table-bordered, .panel > .table-responsive > .table-bordered {
    border: 0
}

.panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child {
    border-left: 0
}

.panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child {
    border-right: 0
}

.panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th {
    border-bottom: 0
}

.panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
    border-bottom: 0
}

.panel > .table-responsive {
    margin-bottom: 0;
    border: 0
}

.panel-group {
    margin-bottom: 20px
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px
}

.panel-group .panel + .panel {
    margin-top: 5px
}

.panel-group .panel-heading {
    border-bottom: 0
}

.panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: 1px solid #ddd
}

.panel-group .panel-footer {
    border-top: 0
}

.panel-group .panel-footer + .panel-collapse .panel-body {
    border-bottom: 1px solid #ddd
}

.panel-default {
    border-color: #ddd
}

.panel-default > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ddd
}

.panel-default > .panel-heading .badge {
    color: #f5f5f5;
    background-color: #333
}

.panel-default > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ddd
}

.panel-primary {
    border-color: #337ab7
}

.panel-primary > .panel-heading {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7
}

.panel-primary > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #337ab7
}

.panel-primary > .panel-heading .badge {
    color: #337ab7;
    background-color: #fff
}

.panel-primary > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #337ab7
}

.panel-success {
    border-color: #d6e9c6
}

.panel-success > .panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.panel-success > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #d6e9c6
}

.panel-success > .panel-heading .badge {
    color: #dff0d8;
    background-color: #3c763d
}

.panel-success > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #d6e9c6
}

.panel-info {
    border-color: #bce8f1
}

.panel-info > .panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}

.panel-info > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #bce8f1
}

.panel-info > .panel-heading .badge {
    color: #d9edf7;
    background-color: #31708f
}

.panel-info > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #bce8f1
}

.panel-warning {
    border-color: #faebcc
}

.panel-warning > .panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

.panel-warning > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #faebcc
}

.panel-warning > .panel-heading .badge {
    color: #fcf8e3;
    background-color: #8a6d3b
}

.panel-warning > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #faebcc
}

.panel-danger {
    border-color: #ebccd1
}

.panel-danger > .panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

.panel-danger > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ebccd1
}

.panel-danger > .panel-heading .badge {
    color: #f2dede;
    background-color: #a94442
}

.panel-danger > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ebccd1
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden
}

.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-16by9 {
    padding-bottom: 56.25%
}

.embed-responsive-4by3 {
    padding-bottom: 75%
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-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-lg {
    padding: 24px;
    border-radius: 6px
}

.well-sm {
    padding: 9px;
    border-radius: 3px
}

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

.close:focus, .close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5
}

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

.modal-open {
    overflow: hidden
}

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

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

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

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

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

.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5)
}

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

.modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0
}

.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .5
}

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

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

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

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

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

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

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

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

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

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

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

    .modal-sm {
        width: 300px
    }
}

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

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    filter: alpha(opacity=0);
    opacity: 0;
    line-break: auto
}

.tooltip.in {
    filter: alpha(opacity=90);
    opacity: .9
}

.tooltip.top {
    padding: 5px 0;
    margin-top: -3px
}

.tooltip.right {
    padding: 0 5px;
    margin-left: 3px
}

.tooltip.bottom {
    padding: 5px 0;
    margin-top: 3px
}

.tooltip.left {
    padding: 0 5px;
    margin-left: -3px
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    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.top-left .tooltip-arrow {
    right: 5px;
    bottom: 0;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -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
}

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

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

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    line-break: auto
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.carousel {
    position: relative
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.carousel-control:focus, .carousel-control:hover {
    color: #fff;
    text-decoration: none;
    filter: alpha(opacity=90);
    outline: 0;
    opacity: .9
}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px
}

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

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

.carousel-control .icon-next, .carousel-control .icon-prev {
    width: 20px;
    height: 20px;
    font-family: serif;
    line-height: 1
}

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

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

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

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

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

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

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

@media screen and (min-width: 768px) {
    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
        width: 30px;
        height: 30px;
        margin-top: -10px;
        font-size: 30px
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
        margin-left: -10px
    }

    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
        margin-right: -10px
    }

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

    .carousel-indicators {
        bottom: 20px
    }
}

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

.btn-group-vertical > .btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .modal-header:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after {
    clear: both
}

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

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

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

.hidden {
    display: none !important
}

.affix {
    position: fixed
}

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

.visible-lg, .visible-md, .visible-sm, .visible-xs {
    display: none !important
}

.visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block {
    display: none !important
}

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

    table.visible-xs {
        display: table !important
    }

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

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

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

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

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

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

    table.visible-sm {
        display: table !important
    }

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

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

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

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

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

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

    table.visible-md {
        display: table !important
    }

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

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

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

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

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

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

    table.visible-lg {
        display: table !important
    }

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

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

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

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

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

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

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

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

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

.visible-print {
    display: none !important
}

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

    table.visible-print {
        display: table !important
    }

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

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

.visible-print-block {
    display: none !important
}

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

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

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

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

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

@media print {
    .hidden-print {
        display: none !important
    }
}

/*# sourceMappingURL=bootstrap.min.css.map */
/*! jQuery UI - v1.10.2 - 2013-03-14
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css
* Copyright 2013 jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 2px;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
}
.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
	padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}

.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}

.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
	width: 2.4em;
}
.ui-button-icons-only {
	width: 3.4em;
}
button.ui-button-icons-only {
	width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
	display: block;
	line-height: normal;
}
.ui-button-text-only .ui-button-text {
	padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
	padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
	left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}

/* button sets */
.ui-buttonset {
	margin-right: 7px;
}
.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}

.ui-datepicker {
	width: 24em!important;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
	width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 49%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 21px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}

.ui-menu {
	list-style: none;
	padding: 2px;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu .ui-menu {
	margin-top: -3px;
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	width: 100%;
}
.ui-menu .ui-menu-divider {
	margin: 5px -2px 5px -2px;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: 2px .4em;
	line-height: 1.5;
	min-height: 0; /* support: IE7 */
	font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}

.ui-menu .ui-state-disabled {
	font-weight: normal;
	margin: .4em 0 .2em;
	line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
	cursor: default;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item a {
	position: relative;
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: .2em;
	left: .2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	position: static;
	float: right;
}

.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	height: 100%;
	filter: alpha(opacity=25);
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}

.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}

.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}

.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}

.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 22px;
}
.ui-spinner-button {
	width: 16px;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to overide default borders */
.ui-spinner a.ui-spinner-button {
	border-top: none;
	border-bottom: none;
	border-right: none;
}
/* vertical centre icon */
.ui-spinner .ui-icon {
	position: absolute;
	margin-top: -8px;
	top: 50%;
	left: 0;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
	/* need to fix icons sprite */
	background-position: -65px -16px;
}

.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
	cursor: text;
}
.ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}

.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Verdana,Arial,sans-serif/*{ffDefault}*/;
	font-size: 1.1em/*{fsDefault}*/;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Verdana,Arial,sans-serif/*{ffDefault}*/;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #cccccc/*{borderColorContent}*/;
	background: #ffffff;
	color: #222222/*{fcContent}*/;
}
.ui-widget-content a {
	color: #222222/*{fcContent}*/;
}
.ui-widget-header {
	border: 1px solid #aaaaaa/*{borderColorHeader}*/;
	background: #cccccc;
	color: #222222/*{fcHeader}*/;
	font-weight: bold;
}
.ui-widget-header a {
	color: #222222/*{fcHeader}*/;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #d3d3d3/*{borderColorDefault}*/;
	background: #e6e6e6;
	font-weight: normal/*{fwDefault}*/;
	color: #555555/*{fcDefault}*/;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #555555/*{fcDefault}*/;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #999999/*{borderColorHover}*/;
	background: #dadada;
	font-weight: normal/*{fwDefault}*/;
	color: #212121/*{fcHover}*/;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
	color: #212121/*{fcHover}*/;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #cccccc/*{borderColorActive}*/;
	background: #ffffff;
	font-weight: normal/*{fwDefault}*/;
	color: #212121/*{fcActive}*/;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #212121/*{fcActive}*/;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fcefa1/*{borderColorHighlight}*/;
	background: #fbf9ee;
	color: #363636/*{fcHighlight}*/;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636/*{fcHighlight}*/;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a/*{borderColorError}*/;
	background: #fef1ec;
	color: #cd0a0a/*{fcError}*/;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #cd0a0a/*{fcError}*/;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #cd0a0a/*{fcError}*/;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70);
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35);
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url(../img/common/ui-icons_222222_256x240.png)/*{iconsContent}*/;
}
.ui-widget-header .ui-icon {
	background-image: url(../img/common/ui-icons_222222_256x240.png)/*{iconsHeader}*/;
}
.ui-state-default .ui-icon {
	background-image: url(../img/common/ui-icons_222222_256x240.png)/*{iconsDefault}*/;
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url(../img/common/ui-icons_222222_256x240.png)/*{iconsHover}*/;
}
.ui-state-active .ui-icon {
	background-image: url(../img/common/ui-icons_ffffff_256x240.png)/*{iconsActive}*/;
}
.ui-state-highlight .ui-icon {
	background-image: url(../img/common/ui-icons_222222_256x240.png)/*{iconsHighlight}*/;
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url(../img/common/ui-icons_222222_256x240.png)/*{iconsError}*/;
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/


/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .3/*{opacityOverlay}*/;
	filter: Alpha(Opacity=30)/*{opacityFilterOverlay}*/;
}
.ui-widget-shadow {
	margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/;
	padding: 8px/*{thicknessShadow}*/;
	background: #aaaaaa ;
	opacity: .3/*{opacityShadow}*/;
	filter: Alpha(Opacity=30)/*{opacityFilterShadow}*/;
}

.ui-jqgrid {
    position: relative
}

.ui-jqgrid .ui-jqgrid-view {
    position: relative;
    left: 0;
    top: 0;
    padding: .0em;
    font-size: 13px
}

.ui-jqgrid .ui-jqgrid-titlebar {
    padding: .3em .2em .2em .3em;
    position: relative;
    border-left: 0 none;
    border-right: 0 none;
    border-top: 0 none
}

.ui-jqgrid .ui-jqgrid-title {
    float: left;
    margin: .1em 0 .2em
}

.ui-jqgrid .ui-jqgrid-titlebar-close {
    position: absolute;
    top: 50%;
    width: 19px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 18px
}

.ui-jqgrid .ui-jqgrid-titlebar-close span {
    display: block;
    margin: 1px
}

.ui-jqgrid .ui-jqgrid-titlebar-close:hover {
    padding: 0
}

.ui-jqgrid .ui-jqgrid-hdiv {
    position: relative;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border-left: 0 none !important;
    border-top: 0 none !important;
    border-right: 0 none !important;
}

.ui-jqgrid .ui-jqgrid-hbox {
    float: left;
    padding-right: 20px;
}

.ui-jqgrid .ui-jqgrid-htable {
    table-layout: fixed;
    margin: 0
}

.ui-jqgrid .ui-jqgrid-htable th {
    height: 30px;
    padding: 0 2px 0 2px
}

.ui-jqgrid .ui-jqgrid-htable th div {
    overflow: hidden;
    position: relative;
    height: 30px;
}

.ui-th-column,.ui-jqgrid .ui-jqgrid-htable th.ui-th-column {
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    border-top: 0 none;
    border-bottom: 0 none
}

.ui-th-ltr,.ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr {
    border-left: 0 none
}

.ui-th-rtl,.ui-jqgrid .ui-jqgrid-htable th.ui-th-rtl {
    border-right: 0 none
}

.ui-first-th-ltr {
    border-right: 1px solid
}

.ui-first-th-rtl {
    border-left: 1px solid
}

.ui-jqgrid .ui-th-div-ie {
    white-space: nowrap;
    zoom: 1;
    height: 17px
}

.ui-jqgrid .ui-jqgrid-resize {
    height: 20px !important;
    position: relative;
    cursor: e-resize;
    display: inline;
    overflow: hidden
}

.ui-jqgrid .ui-grid-ico-sort {
    overflow: hidden;
    position: absolute;
    display: inline;
    cursor: pointer !important
}

.ui-jqgrid-sortable .s-ico{
    position: relative;
}

.ui-jqgrid .ui-icon-asc {
    height: 12px;
    left: 1px;
    top: -3px;
}

.ui-jqgrid .ui-icon-desc {
    height: 12px;
    top: 3px;
}


.ui-jqgrid .ui-i-asc {
    margin-top: 0;
    height: 16px
}

.ui-jqgrid .ui-i-desc {
    margin-top: 0;
    margin-left: 13px;
    height: 16px
}

.ui-jqgrid .ui-jqgrid-sortable {
    cursor: pointer
}

.ui-jqgrid tr.ui-search-toolbar th {
    border-top-width: 1px !important;
    border-top-color: inherit !important;
    border-top-style: ridge !important
}

tr.ui-search-toolbar input {
    margin: 1px 0 0 0
}

tr.ui-search-toolbar select {
    margin: 1px 0 0 0
}

.ui-jqgrid .ui-jqgrid-bdiv {
    position: relative;
    margin: 0;
    padding: 0;
    overflow: auto;
    text-align: left
}

.ui-jqgrid .ui-jqgrid-btable {
    table-layout: fixed;
    margin: 0;
    outline-style: none
}

.ui-jqgrid tr.jqgrow {
    outline-style: none
}

.ui-jqgrid tr.jqgroup {
    outline-style: none
}

.ui-jqgrid tr.jqgrow td {
    font-weight: normal;
    overflow: hidden;
    white-space: pre;
    padding: 5px;
    border-bottom-width: 1px;
    border-bottom-color: inherit;
    border-bottom-style: solid
}

.col-table .ui-jqgrid tr.jqgrow td {
    white-space: normal;
    word-break: break-all;
}

.ui-jqgrid tr.jqgfirstrow td {
    padding: 0 2px 0 2px;
    border-right-width: 1px;
    border-right-style: solid
}

.ui-jqgrid tr.jqgroup td {
    font-weight: normal;
    overflow: hidden;
    white-space: pre;
    height: 22px;
    padding: 0 2px 0 2px;
    border-bottom-width: 1px;
    border-bottom-color: inherit;
    border-bottom-style: solid
}

.ui-jqgrid tr.jqfoot td {
    font-weight: bold;
    overflow: hidden;
    white-space: pre;
    height: 30px;
    padding: 0 2px 0 2px;
    border-bottom-width: 1px;
    border-bottom-color: inherit;
    border-bottom-style: solid
}

.ui-jqgrid tr.ui-row-ltr td {
    text-align: left;
    border-right-width: 1px;
    border-right-style: solid;
    border-color: #DBE5E9;
    color: #666;
}

.ui-jqgrid tr.ui-row-rtl td {
    text-align: right;
    border-left-width: 1px;
    border-left-color: inherit;
    border-left-style: solid
}

.ui-jqgrid td.jqgrid-rownum {
    padding: 0 2px 0 2px;
    margin: 0;
    border: 0 none
}

.ui-jqgrid .ui-jqgrid-resize-mark {
    width: 2px;
    left: 0;
    background-color: #777;
    cursor: e-resize;
    cursor: col-resize;
    position: absolute;
    top: 0;
    height: 100px;
    overflow: hidden;
    display: none;
    border: 0 none;
    z-index: 99999
}

.ui-jqgrid .ui-jqgrid-sdiv {
    position: relative;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border-left: 0 none !important;
    border-top: 0 none !important;
    border-right: 0 none !important
}

.ui-jqgrid .ui-jqgrid-ftable {
    table-layout: fixed;
    margin-bottom: 0
}

.ui-jqgrid tr.footrow td {
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    height: 21px;
    padding: 0 2px 0 2px;
    border-top-width: 1px;
    border-top-color: inherit;
    border-top-style: solid
}

.ui-jqgrid tr.footrow-ltr td {
    text-align: left;
    border-right-width: 1px;
    border-right-color: inherit;
    border-right-style: solid
}

.ui-jqgrid tr.footrow-rtl td {
    text-align: right;
    border-left-width: 1px;
    border-left-color: inherit;
    border-left-style: solid
}

.ui-jqgrid .ui-jqgrid-pager {
    border-left: 0 none !important;
    border-right: 0 none !important;
    border-bottom: 0 none !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
    height: 25px;
    white-space: nowrap;
    overflow: hidden;
    font-size: 11px;
    width: 100%!important;
}

.ui-jqgrid .ui-pager-control {
    position: relative
}

.ui-jqgrid .ui-pg-table {
    position: relative;
    padding-bottom: 2px;
    width: auto;
    margin: 0
}

.ui-jqgrid .ui-pg-table td {
    font-weight: normal;
    vertical-align: middle;
    padding: 1px
}

.ui-jqgrid .ui-pg-button {
    height: 19px !important
}

.ui-jqgrid .ui-pg-button span {
    display: block;
    margin: 1px;
    float: left
}

.ui-jqgrid .ui-pg-button:hover {
    padding: 0
}

.ui-jqgrid .ui-state-disabled:hover {
    padding: 1px
}

.ui-jqgrid .ui-pg-input {
    height: 13px;
    font-size: .8em;
    margin: 0
}

.ui-jqgrid .ui-pg-selbox {
    font-size: .8em;
    line-height: 18px;
    display: block;
    height: 18px;
    margin: 0
}

.ui-jqgrid .ui-separator {
    height: 18px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    margin: 1px;
    float: right
}

.ui-jqgrid .ui-paging-info {
    font-weight: normal;
    height: 19px;
    margin-top: 3px;
    margin-right: 4px
}

.ui-jqgrid .ui-jqgrid-pager .ui-pg-div {
    padding: 1px 0;
    float: left;
    position: relative
}

.ui-jqgrid .ui-jqgrid-pager .ui-pg-button {
    cursor: pointer
}

.ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon {
    float: left;
    margin: 0 2px
}

.ui-jqgrid td input,.ui-jqgrid td select .ui-jqgrid td textarea {
    margin: 0
}

.ui-jqgrid td textarea {
    width: auto;
    height: auto
}

.ui-jqgrid .ui-jqgrid-toppager {
    border-left: 0 none !important;
    border-right: 0 none !important;
    border-top: 0 none !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
    height: 25px !important;
    white-space: nowrap;
    overflow: hidden
}

.ui-jqgrid .ui-jqgrid-toppager .ui-pg-div {
    padding: 1px 0;
    float: left;
    position: relative
}

.ui-jqgrid .ui-jqgrid-toppager .ui-pg-button {
    cursor: pointer
}

.ui-jqgrid .ui-jqgrid-toppager .ui-pg-div span.ui-icon {
    float: left;
    margin: 0 2px
}

.ui-jqgrid .ui-jqgrid-btable .ui-sgcollapsed span {
    display: block
}

.ui-jqgrid .ui-subgrid {
    margin: 0;
    padding: 0;
    width: 100%
}

.ui-jqgrid .ui-subgrid table {
    table-layout: fixed
}

.ui-jqgrid .ui-subgrid tr.ui-subtblcell td {
    height: 18px;
    border-right-width: 1px;
    border-right-color: inherit;
    border-right-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: inherit;
    border-bottom-style: solid
}

.ui-jqgrid .ui-subgrid td.subgrid-data {
    border-top: 0 none !important
}

.ui-jqgrid .ui-subgrid td.subgrid-cell {
    border-width: 0 0 1px 0
}

.ui-jqgrid .ui-th-subgrid {
    height: 20px
}

.ui-jqgrid .loading {
    position: absolute;
    top: 45%;
    left: 45%;
    width: auto;
    z-index: 101;
    padding: 6px;
    margin: 5px;
    text-align: center;
    font-weight: bold;
    display: none;
    border-width: 2px !important;
    font-size: 11px
}

.ui-jqgrid .jqgrid-overlay {
    display: none;
    z-index: 100
}

* html .jqgrid-overlay {
    width: expression(this.parentNode.offsetWidth + 'px');
    height: expression(this.parentNode.offsetHeight + 'px')
}

* .jqgrid-overlay iframe {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: expression(this.parentNode.offsetWidth + 'px');
    height: expression(this.parentNode.offsetHeight + 'px')
}

.ui-jqgrid .ui-userdata {
    border-left: 0 none;
    border-right: 0 none;
    height: 21px;
    overflow: hidden
}

.ui-jqdialog {
    display: none;
    width: 300px;
    position: absolute;
    padding: .2em;
    font-size: 11px;
    overflow: visible
}

.ui-jqdialog .ui-jqdialog-titlebar {
    padding: .3em .2em;
    position: relative
}

.ui-jqdialog .ui-jqdialog-title {
    margin: .1em 0 .2em
}

.ui-jqdialog .ui-jqdialog-titlebar-close {
    position: absolute;
    top: 50%;
    width: 19px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 18px
}

.ui-jqdialog .ui-jqdialog-titlebar-close span {
    display: block;
    margin: 1px
}

.ui-jqdialog .ui-jqdialog-titlebar-close:hover,.ui-jqdialog .ui-jqdialog-titlebar-close:focus
{
    padding: 0
}

.ui-jqdialog-content,.ui-jqdialog .ui-jqdialog-content {
    border: 0;
    padding: .3em .2em;
    background: 0;
    height: auto
}

.ui-jqdialog .ui-jqconfirm {
    padding: .4em 1em;
    border-width: 3px;
    position: absolute;
    bottom: 10px;
    right: 10px;
    overflow: visible;
    display: none;
    height: 80px;
    width: 220px;
    text-align: center
}

.ui-jqdialog-content .FormGrid {
    margin: 0
}

.ui-jqdialog-content .EditTable {
    width: 100%;
    margin-bottom: 0
}

.ui-jqdialog-content .DelTable {
    width: 100%;
    margin-bottom: 0
}

.EditTable td input,.EditTable td select,.EditTable td textarea {
    margin: 0
}

.EditTable td textarea {
    width: auto;
    height: auto
}

.ui-jqdialog-content td.EditButton {
    text-align: right;
    border-top: 0 none;
    border-left: 0 none;
    border-right: 0 none;
    padding-bottom: 5px;
    padding-top: 5px
}

.ui-jqdialog-content td.navButton {
    text-align: center;
    border-left: 0 none;
    border-top: 0 none;
    border-right: 0 none;
    padding-bottom: 5px;
    padding-top: 5px
}

.ui-jqdialog-content input.FormElement {
    padding: .3em
}

.ui-jqdialog-content .data-line {
    padding-top: .1em;
    border: 0 none
}

.ui-jqdialog-content .CaptionTD {
    vertical-align: middle;
    border: 0 none;
    padding: 2px;
    white-space: nowrap
}

.ui-jqdialog-content .DataTD {
    padding: 2px;
    border: 0 none;
    vertical-align: top
}

.ui-jqdialog-content .form-view-data {
    white-space: pre
}

.fm-button {
    display: inline-block;
    margin: 0 4px 0 0;
    padding: .4em .5em;
    text-decoration: none !important;
    cursor: pointer;
    position: relative;
    text-align: center;
    zoom: 1
}

.fm-button-icon-left {
    padding-left: 1.9em
}

.fm-button-icon-right {
    padding-right: 1.9em
}

.fm-button-icon-left .ui-icon {
    right: auto;
    left: .2em;
    margin-left: 0;
    position: absolute;
    top: 50%;
    margin-top: -8px
}

.fm-button-icon-right .ui-icon {
    left: auto;
    right: .2em;
    margin-left: 0;
    position: absolute;
    top: 50%;
    margin-top: -8px
}

#nData,#pData {
    float: left;
    margin: 3px;
    padding: 0;
    width: 15px
}

.ui-jqgrid .selected-row,div.ui-jqgrid .selected-row td {
    font-style: normal;
    border-left: 0 none
}

.ui-inline-del.ui-state-hover span,.ui-inline-edit.ui-state-hover span,.ui-inline-save.ui-state-hover span,.ui-inline-cancel.ui-state-hover span
{
    margin: -1px
}

.ui-jqgrid .tree-wrap {
    float: left;
    position: relative;
    height: 18px;
    white-space: nowrap;
    overflow: hidden
}

.ui-jqgrid .tree-minus {
    position: absolute;
    height: 18px;
    width: 18px;
    overflow: hidden
}

.ui-jqgrid .tree-plus {
    position: absolute;
    height: 18px;
    width: 18px;
    overflow: hidden
}

.ui-jqgrid .tree-leaf {
    position: absolute;
    height: 18px;
    width: 18px;
    overflow: hidden
}

.ui-jqgrid .treeclick {
    cursor: pointer
}

* iframe.jqm {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: expression(this.parentNode.offsetWidth + 'px');
    height: expression(this.parentNode.offsetHeight + 'px')
}

.ui-jqgrid-dnd tr td {
    border-right-width: 1px;
    border-right-color: inherit;
    border-right-style: solid;
    height: 20px
}

.ui-jqgrid .ui-jqgrid-title-rtl {
    float: right;
    margin: .1em 0 .2em
}

.ui-jqgrid .ui-jqgrid-hbox-rtl {
    float: right;
    padding-left: 20px
}

.ui-jqgrid .ui-jqgrid-resize-ltr {
    float: right;
    margin: -2px -2px -2px 0
}

.ui-jqgrid .ui-jqgrid-resize-rtl {
    float: left;
    margin: -2px 0 -1px -3px
}

.ui-jqgrid .ui-sort-rtl {
    left: 0
}

.ui-jqgrid .tree-wrap-ltr {
    float: left
}

.ui-jqgrid .tree-wrap-rtl {
    float: right
}

.ui-jqgrid .ui-ellipsis {
    text-overflow: ellipsis
}
.ui-search-menu {
    padding: 2px 5px;
    position: absolute;
}
.ui-jqgrid .ui-search-table {
    border: 0 none;
    height: 20px;
    padding: 0;
    width: 100%;
}
.ui-jqgrid .ui-search-table .ui-search-oper {
    width: 20px;
}
a.g-menu-item, a.soptclass, a.clearsearchclass {
    cursor: pointer;
}
.ui-jqgrid .ui-search-table .ui-search-input > input, .ui-jqgrid .ui-search-table .ui-search-input > select {
    -moz-box-sizing: border-box;
    display: block;
}
.ui-jqgrid .ui-jqgrid-view input, .ui-jqgrid .ui-jqgrid-view select, .ui-jqgrid .ui-jqgrid-view textarea, .ui-jqgrid .ui-jqgrid-view button {
    font-size: 13px;
}
/*
 * jQuery UI CSS Framework 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*
 * jQuery UI CSS Framework 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Lucida%20Grande,%20Lucida%20Sans,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=5c9ccc&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=55&borderColorHeader=4297d7&fcHeader=ffffff&iconColorHeader=d8e7f3&bgColorContent=fcfdfd&bgTextureContent=06_inset_hard.png&bgImgOpacityContent=100&borderColorContent=a6c9e2&fcContent=222222&iconColorContent=469bdd&bgColorDefault=dfeffc&bgTextureDefault=02_glass.png&bgImgOpacityDefault=85&borderColorDefault=c5dbec&fcDefault=2e6e9e&iconColorDefault=6da8d5&bgColorHover=d0e5f5&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=79b7e7&fcHover=1d5987&iconColorHover=217bc0&bgColorActive=f5f8f9&bgTextureActive=06_inset_hard.png&bgImgOpacityActive=100&borderColorActive=79b7e7&fcActive=e17009&iconColorActive=f9bd01&bgColorHighlight=fbec88&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=55&borderColorHighlight=fad42e&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
 */


/* Component containers
----------------------------------*/
.ui-widget { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1em; }
/*.ui-widget-content { border: 1px solid #a6c9e2; background: #fcfdfd url(images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x; color: #222222; }*/
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #4297d7; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { height: 32px; line-height: 30px; border: 1px solid #d3d3d3; font-weight: normal; color: #222;}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #2e6e9e; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #d3d3d3; font-weight: normal; color: #222; }
.ui-state-hover a, .ui-state-hover a:hover { color: #1d5987; text-decoration: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #e17009; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #DBE5E9; background: #EBF7FB ; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/

/* states and images */
.ui-widget-content .ui-icon {background-image: url(../img/common/ui-icons_222222_256x240.png); }
.ui-state-default .ui-icon { background-image: url(../img/common/ui-icons_ffffff_256x240.png); }
/*.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_217bc0_256x240.png); }*/
.ui-state-highlight .ui-icon {background-image: url(../img/common/icons_2e83ff_256x240.png); }


/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -khtml-border-top-left-radius: 5px; border-top-left-radius: 5px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -khtml-border-top-right-radius: 5px; border-top-right-radius: 5px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -khtml-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -khtml-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }

/* Overlays */
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/*
 * jQuery UI Resizable 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/*
 * jQuery UI Selectable 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Selectable#theming
 */
.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
/*
 * jQuery UI Accordion 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Accordion#theming
 */
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }
/*
 * jQuery UI Autocomplete 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete { position: absolute; cursor: default; }

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu 1.8.16
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
    list-style:none;
    padding: 2px;
    margin: 0;
    display:block;
    float: left;
}
.ui-menu .ui-menu {
    margin-top: -3px;
}
.ui-menu .ui-menu-item {
    margin:0;
    padding: 0;
    zoom: 1;
    float: left;
    clear: left;
    width: 100%;
}
.ui-menu .ui-menu-item a {
    text-decoration:none;
    display:block;
    padding:.2em .4em;
    line-height:1.5;
    zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: -1px;
}
/*
 * jQuery UI Button 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */
.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; }
button.ui-button-icons-only { width: 3.7em; }

/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.4;  }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }

/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }

/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
/*
 * jQuery UI Dialog 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/*
 * jQuery UI Slider 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/*
 * jQuery UI Tabs 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs { position: relative; padding: .2em; zoom: 1;overflow:auto; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none;}
.ui-tabs .ui-tabs-hide { display: none !important; }
/*
 * jQuery UI Datepicker 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker { width: 21em; padding: .2em .2em 0; display: none;font-size:70%; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 2px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left: 2px; }
.ui-datepicker .ui-datepicker-next-hover { right: 2px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width: 42em!important; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}/*
 * jQuery UI Progressbar 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Progressbar#theming
 */
.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }
.ui-jqgrid tr.ui-state-hover td, .ui-jqgrid tr.ui-state-highlight td {
    background: #EBF7FB;
}


.ui-datepicker .ui-datepicker-calendar .ui-state-highlight {
    background-image: none !important;
    background-color: #FFDBA3 !important;
    border-color: #ffb848;
}

.ui-datepicker .ui-datepicker-calendar .ui-state-active {
    background-image: none !important;
    background-color: #ffb848 !important;
    border-color: #ffb848;
}
@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@-webkit-keyframes bounce {
    from,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

@keyframes bounce {
    from,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}

@-webkit-keyframes flash {
    from,
    50%,
    to {
        opacity: 1;
    }

    25%,
    75% {
        opacity: 0;
    }
}

@keyframes flash {
    from,
    50%,
    to {
        opacity: 1;
    }

    25%,
    75% {
        opacity: 0;
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

@-webkit-keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}

@-webkit-keyframes shake {
    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

@keyframes shake {
    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake;
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}

@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes wobble {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}

@-webkit-keyframes jello {
    from,
    11.1%,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

@keyframes jello {
    from,
    11.1%,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center;
}

@-webkit-keyframes bounceIn {
    from,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes bounceIn {
    from,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.bounceIn {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInDown {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInLeft {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInRight {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInUp {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

.bounceOut {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes fadeOutLeft {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes fadeOutRight {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}

@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}

@-webkit-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

.flipOutX {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

.flipOutY {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
    from {
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOut {
    from {
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

@keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: hinge;
    animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
    from {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes jackInTheBox {
    from {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

@keyframes rollOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    to {
        opacity: 0;
    }
}

@keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    to {
        opacity: 0;
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}

.overview{
    padding: 0 0.3rem 0.5rem;
}

.item-title {
    padding: 0;
    font-size: 0.3rem;
    display: block;
    color: #666;
    margin: 0.2rem 0;
    font-weight: 300;
}
.item-tooltip{
    margin-top: 0.3rem;
    font-size: 0.14rem;
}

.overview .overview-item{
    min-height: 1rem;
    background: #f7f7f7;
    font-size: 0.13rem;
    border-radius:  6px 6px 5px 5px;
    box-shadow: 3px 4px 4px 0 rgba(33, 33, 33, 0.1), -3px 4px 4px 0 rgba(33, 33, 33, 0.1);
}

.font-color-c3c3c3{
    color: #c3c3c3;
}

.overview .item-handle-icon{
    display: block;
    width:0.5rem;
    height:0.49rem;
    margin:0.04rem 0;
    background-size: 100%;
}

.overview .item-handle span:hover{
    text-decoration: underline;
}

.sales-overview-title{
    padding:0.07rem 0 0.07rem 0.1rem;
    color: #fff;
    font-weight: 400;
}
.overview .sales-chert-box{
    padding:0.1rem 0;
    min-height: 322px;
    width: 100%;
}

.overview .sales-chert-box>div{
    width:98%;
    margin:0 auto;
}

.sales-overview-title .selectBox{
    border-color:transparent;
}

.sales-overview-title .select_ul li{
    color: #000;
}

.sales-overview-title .select_ul li:hover{
    color: #fff;
}

.overview .select-date{
    overflow: hidden;
    float: right;
}

.overview .select-date li{
    display: inline-block;
    margin-right: 0.1rem;
    text-align: center;
    height:0.32rem;
    padding: 0.03rem 0.05rem 0;
    line-height: 0.27rem;
    border-radius: 0.05rem 0.05rem 0 0 ;
}

.overview .select-date li.active{
    background: #fff;
    color: #000;
}

.overview .jump-sales-report-btn{
    margin: 0 0.15rem 0 0.3rem;
    line-height: 0.25rem;
    cursor: pointer;
}

.overview .overview-sort table{
    width:98%;
    line-height: 0.36rem;
    margin:0.1rem auto;
}

.overview .overview-sort tr{
    border-top:1px solid #ddd;
}

.overview .overview-sort td,.overview .overview-sort th{
    padding-left:0.05rem;
    font-size: 0.13rem;
}

.overview .overview-sort td{
    word-break: break-all;
    line-height: 0.2rem;
    padding: 0.1rem;
}

.overview .overview-sort th.two-words{
    line-height: 0.14rem;
    padding: 0.08rem 0.05rem;
}

.font-color-CD0A0A{
    color: #CD0A0A!important;
}

.font-color-9a9da2{
    color: #9a9da2;
}

.font-color-A14949{
    color: #A14949;
}

.machine-status{
    height: 0.32rem;
    line-height: 0.16rem;
    padding: 0.04rem 0 0 12px;
}

.mobil-item{
    display: flex;
}

.item-handle{
    font-size: 0.26rem;
}
.systemLog{
    background: #3d3d3d;
}

.systemLog .select_type {
    height:0.3rem;
    line-height: 0.3rem;
}

.systemLog .select_type_title{
    display: inline-block;
    height:0.3rem;
    line-height: 0.3rem;
}

.systemLog .select_type .selectBox{
    line-height: normal;
}

.screening input[type=text]{
    height: 0.3rem;
    line-height: 0.3rem;
}

.screening button{
    height: 0.3rem;
    padding:0 0.12rem;
    line-height: 0.3rem;
}

.camera_btn{
    font-size: 0.16rem;
    color: #666;
    margin-top: 2px;
}

.noTakeGoodsPhoto{
    width:8rem;
    text-align: center;
}

.noTakeGoodsPhoto table{
    width:100%;
    margin-bottom: 0.2rem;
}

.noTakeGoodsPhoto td{
    padding-bottom: 0.1rem;
}

.noTakeGoodsPhoto td img{
    max-width: 3.2rem;
    height:auto;
}
@charset "utf-8";

/** 我的机器 **/
.myMachine {
    padding: 0 0.3rem 0.5rem;
}

.myMachine .machine_query{
    float: right;
    width:2rem;
}

.myMachine .machine_query input[type=text]{
    width: 2rem;
    padding: 0 0.12rem;
    height:0.3rem;
    line-height: 0.3rem;
    font-size: 0.14rem;
}

.machine_query button{
    height:0.3rem;
    line-height: 0.3rem;
    padding: 0 0.12rem;
    font-size: 0.14rem;
}


.myMachine .paging{
    padding-left: 0.2rem;
    display: inline-block;
}

.myMachine .paging button{
    display: inline-block;
    border: 1px solid #999;
    width: 0.3rem;
    height:0.24rem!important;
    line-height: .24rem!important;
    text-align: center;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    cursor: pointer;
    padding:0!important;
}

.myMachine .paging button[disabled]{
    cursor:not-allowed;
}

.myMachine .paging button.current_page{
    background-color: #fff;
    cursor: default;
    position: relative;
    top: 0.02rem;
}

.myMachine .machine-item {
    border-bottom: 0;
    padding:0.09rem 0.02rem;
    overflow: hidden;
}

.myMachine .machine-item:hover {
    background: #F5FAFC;
}

.myMachine .machine-item  .machine-img{
    float: left;
    width: 1.2rem;
    margin-left:0.1rem;
    margin-right: 0.1rem;
}

.myMachine .machine-item  .machine-img img{
    width: 1.2rem;
    height:1.2rem;
}

.myMachine .machine-img>div{
    height:0.24rem;
    line-height: 0.24rem;
    padding: 0 0 0 0.2rem;
}

.myMachine .machine-item .mac-message{
    padding: 0.07rem 0 0.1rem 0.04rem;
    margin: 0 1.5rem 0 1.35rem;
}

.myMachine .machine-item .mac-message .mac_position a{
    float: left;
}

.myMachine .mac-message>div{
    padding-bottom: 0.18rem;
}


.myMachine .mac_handle{
    display: none;
    float: right;
    width:1.46rem;
    padding:0 0.1rem;
    line-height: 0.23rem;
    font-size: 0.13rem;
}

.myMachine .machine-item:hover .mac_handle {
    display: block;
}


.machine_survey .machine_info{
    position: relative;
}

.cityShow{
    min-height: 2rem;
}

.cityShow li{
    display: inline-block;
    margin-right: 0.1rem;
}

.toggleMachine{
    float: right;
    height:0.74rem;
    line-height: 0.74rem;
    margin-right: 1rem;
}

.toggleMachine .form-control{
    height:0.32rem;
    line-height: 0.32rem;
    padding: 0 0.12rem;
    font-size: 0.14rem
}

.myMachine .info_title{
    height:0.38rem;
    line-height: 0.38rem;
    font-size: 0.18rem;
    color: #fff;
    font-weight: 400;
    padding:0 0.1rem;
}

.info_title span.glyphicon{
    font-size: 0.12rem;
    float: right;
    margin-top: 0.12rem;
    z-index: 5;
}

.myMachine .info-content{
    width:100%;
    padding:0.1rem;
    background-color: #fff;
}

.myMachine .info-content input[type=checkbox]{
    width: 0.12rem;
    height:0.12rem;
}

.myMachine .info-content input[type=text]{
    height: 0.3rem;
    line-height: 0.3rem;
    padding: 0 0.12rem;
    font-size: 0.14rem;
}


.myMachine .info-content .more_machine_info td{
    border:0;
}

.machine_survey .mac_img{
    display: table-cell;
    width:1.4rem;
    vertical-align: middle;
    text-align: center;
    padding-right: 0.1rem;
}

.machine_survey .mac_img img{
    width:120px;
    height:120px;
}

.machine_survey .machine_base_info{
    display: table-cell;
    width:80%;
}

.machine_survey .machine_base_info .left_title{
    min-width: 1rem;
    line-height: 0.34rem;
    width: 128px;
}

.machine_survey .machine_base_info .right_content{
   line-height: 0.34rem;
}

.machine_survey .machine_base_info .machine_state{
    padding: 0.03rem 0.1rem;
    border-radius:3px;
    color: #fff;
}

.machine_survey .machine_base_info .form-control{
    padding:0 0.05rem;
    height:0.3rem;
    font-size: 0.14rem;
    line-height: 0.3rem;
}

.machine_survey .machine_base_info a.glyphicon-pencil:hover{
    color: orange;
    text-decoration: none;
}

.machine_survey .tencentMap{
    display: table-cell;
    width:2.5rem;
    min-height:3.2rem;
    vertical-align: top;
    position: relative;
}

.machine_survey .tencentMap>div{
    width:2.5rem;
    height:2rem;
}

.machine_edit_position .tencentMap{
    display: block;
    width:100%;
    min-height:4rem;
    position: relative;
}

.machine_edit_position .tencentMap>div{
    width:100%;
    height:4rem;
}

.machine_survey .tencentMap>div.edit_position{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    text-align: center;
    height:0.3rem;
    z-index: 10;
}

.machine_survey .tencentMap a{
    width:100%;
    margin-top: 0.1rem!important;
}

.machine_survey .machine_sale{
    background-color: #fff;
    z-index: 5;
}

.machine_survey .machine_sale table{
    margin: 0;
    text-align: center;
    border:1px solid #bfbfbf;
}

.machine_survey .machine_sale th{
    background-color: #e8e8e8;
    text-align: center;
}

.machine_survey .machine_sale th,.machine_survey .machine_sale td{
    border:1px solid #bfbfbf;
}

.machine_survey .glyphicon{
    cursor: pointer;
}

.machine_info_nav{
    position: fixed;
    top:1.1rem;
    right:0.05rem;
    z-index: 1;
    padding:0.05rem;
    border:1px dotted #555;
    background-color: #fff;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.base-info .selectBox > span:first-child {
   display: inline;  top: -3px;
}



.machine_info_nav:hover{
    z-index: 100000!important;
}

.machine_info_nav li a{
    display: block;
    width:100%;
    height:0.3rem;
    line-height: 0.3rem;
    padding: 0 0.05rem;
    cursor: pointer;
}

.machine_info_nav li a:hover{
    background-color: #d9534f;
    color: #fff!important;
    text-decoration: none;
}

.machine_info_nav li a.currSelect{
    background-color: #d9534f;
    color: #fff!important;
    text-decoration: none;
}

.location_show{
    height:0.4rem;
    line-height: 0.4rem;
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #bce8f1;
    border-radius:5px;
    padding: 0 0.15rem;
}

.setMacImage img{
    width:120px;
    height:120px;
    max-width:120px;
}

.machine_edit_position .alert-tips{
    height:0.3rem;
    line-height: 0.3rem;
    padding: 0 0.1rem;
    margin: 0.1rem auto;
}

.config_title{
    height:0.4rem;
    line-height: 0.4rem;
    padding: 0 0.1rem;
    color: #fff;
    font-weight: 400;
}

.machine_config{
    height:100%;
    overflow-y: auto;
}

.machine_config .info-content table{
    border:1px solid #ddd;
}

.machine_config .info-content .left_title{
    width:15%;
}

.machine_config .info-content .right_content{
    width:85%;
}

.machine_config .info-content .left_title i{
    display: block;
    width:90%;
    border:1px solid #999;
    padding-left: 0.05rem;
    cursor: pointer;
}
.machine_config .info-content .left_title i.selected{
    background: #bbb;
}

.machine_config .info-content .form-control{
    height:0.3rem;
    line-height: 0.3rem;
    padding: 0 0.1rem;
    width:3rem;
}

.machine_config .info-content .right_content textarea{
    width:100%;
    max-width: 100%;
    min-height: 3rem;
    max-height: 5rem;
}

.machine_config .activeImg img{
    width:1rem;
    height:auto;
}

.goBackBtn{
    position: fixed;
    right:0.65rem;
    bottom:0.32rem;
    width:0.4rem;
    height:0.4rem;
    display: none;
    background: url(../../../img/common/top_bg.png) no-repeat center top;
    z-index: 999999999999;
}

.goBackBtn:hover{
    background-position: center bottom;
    animation: fade-in;
    animation-duration: 4s;
    -webkit-animation:fade-in 1.5s;
}

.edit_config td,.edit_config th{
    line-height: 30px!important;
    vertical-align: middle!important;
    word-break: break-all;
    word-wrap: break-word;
}

.edit_config td .select_slideDown{
    line-height: normal;
}

.edit_config label input[type=checkbox]{
    margin-top:0.09rem;
}

.title_con{
    width: 100%;
    height: 330px;
    min-height: 330px;
    max-height: 330px;
    overflow-y: auto;
    border: 1px solid #ccc;
}

.categorySort{
    padding-left: 0.3rem;
}

.categorySort li{
    width:3rem;
    border:1px solid #ccc;
    margin: 0.1rem 0;
    cursor: move;
    background-color: #eee;
    padding:0.05rem 0.1rem;
}

.editItemImg{
    display: block;
    width: auto;
    max-height: 2rem;
    margin: 0 auto;
    max-width: 96%;
}

.machineItemsLayout table.table{
    border:1px solid #ccc;
}

.machineLogo .machine_logo{
    width:5rem;
    height:1rem;
    border:1px solid #EBEBEB;
}

.createResultAd div{
    display: flex;
    font-size: 16px;
    margin: 10px auto;
    align-items: center;
    position: relative;
}

.createResultAd div span{
    display: flex;
    width: 20%;
}

.createResultAd .btn{
    margin-top: 20px;
}

.machineLogo .tab-content div{
    margin-top: 20px;
    font-size: 13px;
}

.machineLogo .tab-content div label{
    width: 50px;
    height:30px;
    border: 1px solid #bfbfbf;
    overflow: hidden;
    text-align: center;
    line-height: 30px;
    border-radius: 5px;
    margin-bottom: -11px;
}

.machineLogo .tab-content div label input{
    opacity: 0;
    position: absolute;
    width: 50px;
    height: 30px;
}

.itemList table img{
    height: auto;
    width: 210px;
}

.itemList table td{
    vertical-align: middle!important;
}

.machineItems .modal-body p span{
    display: inline-block;
    font-size: 14px;
    width: 130px;
    padding-left: 10px;
}
.uploadLogo{
    width: 500px;
    height: 100px;
    margin-bottom: 10px;
    border: 1px solid #EBEBEB;
    background: white;
    line-height: 100px;
    overflow: hidden;
}

.uploadLogo img{
    width: 100%;
}

.modal-body table.editLayout>tbody>tr>td{
    line-height: 40px;
    padding: 0 8px;
}

.numberBtn{
    overflow: hidden;
    height:30px;
    line-height: 30px;
}
.numberBtn .min{
    float: left;
    width: 30px;
    text-align: center;
    border-radius: 5px 0 0 5px;
    height: 30px;
    line-height: 28px;
    border: 1px solid #bfbfbf;
    border-right: 0;
    font-weight: bold;
}

.numberBtn .plus{
    float: left;
    width: 30px;
    text-align: center;
    border-radius: 0 5px 5px 0;
    height: 30px;
    line-height: 28px;
    border: 1px solid #bfbfbf;
    border-left: 0;
    font-weight: bold;
}

.numberBtn span{
    float: left;
    width: 50px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #bfbfbf;
    text-align: center;
}
.queryGoods{
    position: relative;
}

.queryGoods ul{
    position: absolute;
    background: #fff;
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid #bfbfbf;
    border-bottom: 0;
    z-index: 10;
}

.queryGoods ul li{
    padding: 5px;
    line-height: 20px;
    border-bottom: 1px solid #bfbfbf;
}
.queryGoods ul li:hover{
    background: #4d90fe;
    color: #fff;
}

.machineItemsLayout .itemsLayout li.border-e02222{
    border:2px solid #e02222;
    border-bottom: 0;
}

.selectTemperature{
    overflow: hidden;
    margin: 10px 0;
}

.selectTemperature li {
    float: left;
    margin-right: 3px;
    text-align: center;
}
.selectTemperature li span{
    display: block;
    padding: 3px 0;
    background: #fff;
    color: #92ba00;
    border-radius: 3px;
    cursor: pointer;
    border: 1px solid #cdcdcd;
    margin-bottom: 10px;
    width: 50px;
}
.selectTemperature li span.temperatureBtn{
    background: #4088fe;
    color: #fff;
    border: 1px solid #4088fe;
}
.selectTemperature li span.selectedTemperature{
    background: #f0ad4e !important;
    color: #fff;
}
.selectTemperature li span.hotTemperature{
    background: #dc413f;
    color: #fff;
}

.ad_img{
    width: 1.5rem;
    height: auto;
}
.codeList{
    overflow: hidden;
    padding-top: 15px;
}

.codeList li {
    float: left;
}

.codeList li div{
    border: 1px solid #bfbfbf;
    border-radius: 2px;
    padding: 3px 5px;
}

.selectMac label{
    line-height: 30px;
}

.selectMac > div {
    font-size: 0.175rem;
    border-bottom:  1px solid #bfbfbf;
    line-height: .4rem;
}

.info-content label input[type = radio]{
    margin: 8px 5px 0 0;
}

.info-content  textarea{
    min-width: 200px;
    max-width: 500px;
    min-height: 50px;
    max-height: 100px;
    overflow-y: auto;
}

.animationImg{
    display: block;
    max-width: 400px;
    height: auto;
    margin: 0 auto;
}
.selectLocList{
    width: 2.7rem;
    margin-top: 15px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}

.selectLocList li {
    list-style: none;
    height: 50px;
    border: 1px solid #999;
    border-top: none;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.selectLocList li.selectLocTitle{
    background: #eee;
    font-weight: 700;
    border-top: 1px solid #999;
}

.selectLocList li.selectLocation:hover{
    background: #3bb4f2;
    color: #fff;
}

.selectLocList li.selected{
    background: #3bb4f2;
    color: #fff;
}

.createItem{
    padding: 20px;
    float: left;
}

.publishInfoBox{
    width: 7rem;
    min-height: 4rem;
    border: 1px solid #999;
    float: left;
    box-shadow: 0 2px 5px rgba(0,0,0,0.3);
    padding: 20px 40px;
    margin-top: 0.35rem;
    margin-left: 0.2rem;
}

.publishInfoBox h4{
    display: block;
    height: 0.3rem;
}

.publishBtn{
    width: 2.7rem;
    margin-top: 30px;
}

.timepicker{
    overflow: hidden;
}
.timepicker .datetimepicker-hours,
.timepicker .datetimepicker-minutes > table{
    margin-top: -40px;
}

.gray {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}

.table-100{
    width: 100%;
}

.table-100 td{
    padding: 10px 0;
}

.img-box-div{
    display: inline-block;
    width: 330px;
    height: 200px;
    border: solid 2px;
}

.img-box-div img{
    width: 330px;
    height: 200px;
}

.machineItemsLayout .items_layout li{
    float: left;
    margin-bottom: 5px;
}

.machineItemsLayout .r-layout li{
    float: none;
    position: relative;
    height: 164px;
}

.machineItemsLayout .r-layout li>div{
    position: absolute;
    background: #fff;
    border: 1px solid #eee;
}

.machineItemsLayout .items_layout li .slotName{
    height:0.3rem;
    line-height: 0.3rem;
    font-weight: 700;
    font-size: 0.12rem;
    padding:0 0.01rem;
    white-space: nowrap;
}

.machineItemsLayout .items_layout li .slotName span{
    margin-top:0.04rem;
    cursor: pointer;
}

.machineItemsLayout .items_layout li .slotItemImg{
    height: 120px;
    line-height: 120px;
    text-align: center;
    vertical-align: middle;
}
.machineItemsLayout .items_layout li .slotItemImg img{
    height: auto;
    max-width:  100%;
    max-height: 100%;
}

.machineItemsLayout .items_layout li .showInfo{
    background: black;
    opacity: 0.7;
    padding:0 0.1rem;
    height:0.3rem;
    line-height: 0.3rem;
    color: #fff;
    white-space: nowrap;
    position: relative;
}

.machineItemsLayout .items_layout li .showInfo .popover{
    top: -55px;
    left: 10%;
    background: black;
    width: 80px;
}
.machineItemsLayout .items_layout li .showInfo .popover.top > .arrow:after{
    border-top-color:  black;
}


.machineItemsLayout .items_layout li .showInfo .popover .popover-content{
    padding: 6px 8px;
}

.machineItemsLayout .r-layout li .slotItemImg{
    height: 110px;
    line-height: 110px;
    text-align: center;
    vertical-align: middle;
}
.machineItemsLayout .r-layout li .slotItemImg img{
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.machineItemsLayout .r-layout li .showInfo{
    background: black;
    opacity: 0.7;
    height:0.24rem;
    padding:0 0.05rem;
    line-height: 0.24rem;
    color: #fff;
    white-space: nowrap;
    position: relative;
    font-size: 0.12rem;
}

.m1_f1_layout{
    overflow: hidden;
}

.m1_f1_layout li{
    float: left;
    margin-right: 15px;
}

.m1_f1_layout li>div{
    margin-bottom: 15px;
    width: 140px;
    height: 180px;
    border:1px solid #ccc;
}

.border-38f064{
    border: 1px solid #38f064!important;
}

.select_slideDown{
    line-height: normal;
}

.switch_aircrew{
    overflow: hidden;
    margin-bottom: 20px;
}

.switch_aircrew span{
    margin-left:10px;
    border-radius:5px;
    float: left;
    font-size: 14px;
    border: 1px solid #333;
    padding:0 15px;
    line-height:40px;
    text-align: center;
    cursor: pointer;
    color:#777;
}

.switch_aircrew span.active{
    color: white;
    background-color: #222;
    opacity: 0.8;
    cursor: default;
    font-size: 18px;

}

.expansion_machines{
    overflow: hidden;
}

.expansion_machines .left_area, .expansion_machines .right_area{
    float: left;
    width: 402px;
    overflow: hidden;
    border: 1px solid #bfbfbf;
}

.expansion_machines .left_area{
    margin-right: 100px;
}

.expansion_machines div .area_name{
    text-align: center;
    height: 28px;
    line-height: 28px;
    background-color: black;
    opacity: 0.7;
    color: white;
    font-size: 18px;
}

.left_area ul li, .right_area ul li{
    width: 100px;
    border: 1px solid #ddd;
    margin-bottom: 2px;
}

.items_layout .box-shadow{
    box-shadow: 0 3px 9px rgba(0, 0, 0, .3);
}

.items_layout .border-e02222{
    border: 1px solid #f00 !important;
}

.left_area ul li.border-e02222, .right_area ul li.border-e02222{
    border: 1px solid #f00;
}

.expansion_machines ul li  .showInfo{
    font-size:  0.12rem;
}

.machineItemsLayout .j1-slot-list li{
    float: none;
    overflow: hidden;
    margin-bottom: 2px;

}

.machineItemsLayout .j1-slot-list li>div{
    float: left;
    border: 1px solid #ddd;
    margin-right: 2px;
}

.machineItemsLayout .j1-slot-list li>div .showInfo{
    font-size: 0.12rem;
    padding-left: 0.05rem;
}

.machineItemsLayout .box-shadow{
    box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 9px;
}

.temperature-switch .select_slideDown{
    line-height:  0.34rem;
    margin-top: 3px;
}

label select.form-control{
    width: 1rem!important;
}

.preview-box img{
    height: 100%;
    width: auto;
}

.batch-content .info-content .left_title i.selected{
    background: #bb2413;
    color: white;
}

.machine_config  .info-content .left_title i{
    background: #EFEFEF;
    border: 1px solid #DDD;
    padding-left: 20px;
}

.batchShotImgContent>div, .shotImgDiv>div{
    line-height: 480px;
}

.batchShotImgContent img{
    max-height: 96%;
    max-width: 96%;
    width: auto;
    margin: 2% auto 0;
}

.showShotImg .load{
    position: inherit!important;
}

.linkColorS{
    color: #0d638f;
    font-weight: bold;
    cursor: pointer;
}

.linkColorS:hover{
    text-decoration: underline;
}
img.media-animation-gif{
    margin-top: 20px;
    margin-left: 20px;
    width: 15%;
    height: auto;
}

.client-list{
    background-color: #f2f2f2;
    padding: 0 0.15rem;
    margin-top: 10px;
    border: 1px solid #eee;
}

.client-list>li{
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid white;
    padding-top: 0.1rem;
}

.client-list>li:last-child{
    border: 0;
}

.client-list li .client-name{
    float: left;
    width: 1.5rem;
}

.client-list li .machine_list{
    margin: 0 1rem 0 1.5rem;
}

.machine_list li{
    float: left;
    padding-bottom: 0.1rem;
    width: 20%;
    min-width: 1rem;
}

.clickMore{
    width: 1rem;
    cursor: pointer;
    text-align: right;
    color: #0d638f;
}

.flex-item p .clickMore {
    display: inline-block;
    text-align: left;
}

.flex-item ul .clickMore {
    float: right;
}

.height-45{
    height: 45px;
}

.min-width-73{
    min-width: 73px;
    overflow: hidden;
}

#selectable .ui-selecting { background: #FECA40; }
#selectable .ui-selected span{ background: #F39814; color: white; }
#selectable { list-style-type: none; margin: 0; padding: 0;}

.machineItems  td img{
    max-width: 100%;
    height: auto;
}


.typeahead {
    margin-top: 0;
    max-height: 265px;
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px solid #ccc;
}

.ui-slider-horizontal{
    height: 1em;
}

.ui-slider .ui-slider-handle{
    height: 1.4em;
}
.color999{
    color: #999!important;
}
.group-view-sml{
    margin-top:5px;
    height: 25px;
    overflow: hidden;
}
.group-view{
    margin-top:5px;
    max-height: 50px;
    overflow: hidden;
}
.group-view-active{
    max-height: 260px;
    overflow-x: hidden;
    overflow-y: scroll;

}
.myCancalBtn{
    color: #000 !important;
}
/* .all-group-view{
    max-height: 500px;
    overflow-y: scroll;
    overflow-x: hidden;
} */
.group-view-active::-webkit-scrollbar {
    width : 3px; 
    background-color:transparent;
}
.group-view-active::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow   : inset 0 0 5px rgba(240, 91, 91, 0.2);
    background   : #afb9e8;
    opacity: .7;
}
.group-view-active::-webkit-scrollbar-track {
    box-shadow   : inset 0 0 5px rgba(81, 118, 238, 0.2);
    border-radius: 10px;
    background   : #ededed;
}
.all-group-view::-webkit-scrollbar {
    width : 3px;  
    background-color:transparent;
}
.all-group-view::-webkit-scrollbar-thumb {
    border-radius: 10px;
    height: 4px;
    box-shadow   : inset 0 0 5px rgba(222, 177, 177, 0.2);
    background   : #afb9e8;
    opacity: .7;
}
.all-group-view::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    box-shadow   : inset 0 0 5px rgba(230, 179, 179, 0.2);
    border-radius: 10px;
    background   : #ededed;
}
.machine-group-exprot-btn{
    padding: 0 15px;
    margin: 15px 0 15px 0;
}
.machine-group-exprot-btn span{
    padding:0 15px;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    font-size: 12px;
    border: 1px solid #999;
    color: #666;
    display: inline-block;
}
.machine-group-exprot-btn .btn-active{
    background-color: #25A9E0;
    color: #fff;
    border: none;
}
.changeImg {
    width: 100px;
    height: 100px;
    border: 1px solid #fff;
    position: relative;
    font-size: 30px;
    color: #999;
    background-color: #f5f5f5;
    line-height: 80px;
    text-align: center;

}
.changeImg img {
    width: 100px;
    height: 100px;
}

.changeImg-tips {
    font-size: 12px;
    color: #999;
    position: absolute;
    top: 26px;
    left: 20px;
}
/* .adver-container  */
.content-views{
  width: 230px;
  height:409px;
  background: #EBEBEB;
  padding: 15px;
  margin-top: 20px;
}
.content-box-video, .content-box-pic{
  height: 104px;
  margin-bottom:15px;
  background: #FFFFFF;
  text-align: center;
}
.content-box-btn{
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.content-adver{
  width: 100px;
  height: 100px;
  text-align: center;
  background: #FFFFFF;
}
.modal-list{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.modal-list-item{
  width: 175px;
  overflow: hidden;
  padding: 6px;
  border: 1px solid #ccc;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.label-item{
  position: relative;
  padding: 7px 16px;
  border: 1px solid #D1D1D1;
  font-size: 12px;
  color: #17181A;
  border-radius: 2px;
  background: #fff;
  display: inline-block;
  margin: 0 10px 10px 0;
}
.label-item:hover{
  cursor: pointer;
}
.label-item>img{
  width: 16px;
  height: 16px;
  position: absolute;
  bottom: 0;
  right: 0;
}
.label-active{ 
  color: #FFFFFF;
  background: #4B8DF8;
}
.right-content-box{
 max-height: 90px;
 overflow: hidden;
}
.expend-all{
  position: absolute;
  width: 100px;
  text-align: center;
  right: -20px;
  top: 0;
  color: #4B8DF8;
  cursor: pointer;
}
.is-background{
  background:'#eca22e'
}
.background-active{
  background: #4B8DF8 !important;
}
.background-default{
  background: #fff;
}
.views-container{
  width: 216px;
  height: 384px;
  margin-top: 15px;
  margin-right: 10px;
  position: relative;
  background: #EBEBEB;
  border: 1px solid #ddd;
}
.views-container>div{
  position: absolute;
  cursor: pointer;
  color: #000;
  text-align: center;
  font-size: 14px;
}
.viewAactive{
  background: #A4C7FF;
  border: 1px dotted #A4C7FF;
}
.viewDefault{
  background: #ffff;
}
.look-details table{
  text-align: center;
}
.label-style{
  overflow:hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow:ellipsis;
}
.title-problem{
  position: relative;
}
.left-tips{
  position: absolute;
  left: 0;
  top: 30px;
  z-index: 999;
  background: rgba(0,0,0,0.75);
  box-shadow: 0px 9px 28px 8px rgba(0,0,0,0.05), 0px 6px 16px 0px rgba(0,0,0,0.08), 0px 3px 6px -4px rgba(0,0,0,0.12);
  line-height: 20px;
  width: 330px;
  color: #ccc;
  font-size: 12px;
  padding: 8px;
  display: none;
}

.left-tips-arrow{
  position: absolute;
  top: -10px;
  left: 80px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;  
  border-right: 10px solid transparent;  
  border-bottom: 10px solid rgba(0,0,0,0.75); 
}
.title-problem:hover .left-tips{
  display: block;
  cursor: pointer;
}

.lang-group{
  display: flex;
}
.lang-group-item{
  padding: 6px 15px;
  border: 1px solid #DBE5E8;
  color: #666666;
  cursor: pointer;
}
.lang-active{
  background: #4D90FE;
  color: #fff;
}
.newscoll::-webkit-scrollbar {
  width : 3px;  
  background-color:transparent;
}
.newscoll::-webkit-scrollbar-thumb {
  border-radius: 10px;
  height: 4px;
  box-shadow   : inset 0 0 5px rgba(222, 177, 177, 0.2);
  background   : #afb9e8;
  opacity: .7;
}
.newscoll::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow   : inset 0 0 5px rgba(230, 179, 179, 0.2);
  border-radius: 10px;
  background   : #ededed;
}
.pool-title{
font-size: 16px;
font-family: MicrosoftYaHei;
color: #000000;
}
.pool-img{
  border-radius: 10px;
  width: 450px;
  height: 240px;
}
.dropdown-menu{
  width: 200px;
}
.tab-items{
  display: inline-block;
  padding: 4px 8px;
  font-size: 16px;
  border: 1px solid #CCCCCC;
  background: #fff;
  border-radius: 0;
} 
.tab-items-active{
  background: #4B8DF8;
  color: #fff;
}
.upload-box{
  width: 120px;
  height: 120px;
  border: 1px dashed #d9d9d9;
  border-radius: 6px;
  cursor: pointer;
  overflow: hidden;
  display: inline-block;
  cursor: pointer;
  outline: none;
  margin-top: 15px;
  position: relative;
}
.upload-box :hover{
  cursor: pointer;
}
.upload-box-icon{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.upload-box-file{
  opacity: 0; 
  width: 100%;
  height: 100%;
}
.upload-box-img{
  width: 120px;
  height: 120px;
  position: relative;
  margin-top: 15px;
}
.upload-box-viedo{
  width: 232px;
  height: 120px;
  margin-top: 15px;
  position: relative;
}
#vidoPlay{
  width: 100%;
  height: 100%;
}
.upload-img-close{
  width: 20px;
  height: 20px;
  text-align: center;
  color: red;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
}
.upload-img-close:hover{
  cursor: pointer;
}
.a-href{
  color: #337ab7 !important;
  text-decoration: underline !important;
}
.lang-group{
  display: flex;
}
.lang-group-item{
  padding: 6px 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #DBE5E8;
  color: #666666;
  cursor: pointer;
}
.lang-active{
  background: #4D90FE;
  color: #fff;
}
@charset "utf-8";

/** 我的商品 **/
.myProduct {
    padding: 0 0.3rem 0.5rem;
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    box-shadow: inset 0 0 0 1000px #fff;
}

.product_survey .product_info{
    position: relative;
}

.myProduct .info_title{
    position: relative;
    height:0.4rem;
    line-height: 0.4rem;
    font-size: 0.18rem;
    color: #fff;
    font-weight: 400;
    padding-left: 15px;
}

.myProduct .info_title ul{
    position: absolute;
    right: 20px;
    bottom: -1px;
    overflow: hidden;
}

.myProduct .info_title ul li {
    float: left;
    padding: 0 10px;
    height: 0.3rem;
    line-height: 0.3rem;
    font-size: 0.13rem;
    cursor: pointer;
    min-width: 80px;
    text-align: center;
}

.myProduct .info_title ul li.active{
    background-color: #fff;
    color: #000;
    border-radius: 5px 5px 0 0;
}

.myProduct .info_content{
    padding: 20px;
}

.myProduct .info_content table{
    border: 0;
}

.myProduct .info_content table.table-bordered > tbody > tr > td{
    border: 0;
    vertical-align: middle;
}

.myProduct .info_content table .input-group-btn{
    display: inline-block;
}

.myProduct .info_content table textarea{
    width: 100%;
    max-width: 100%;
    min-height: 3rem;
    max-height: 5rem;
}


.myProduct .info_content .templateList{
    border: 1px dotted gray;
    background: white;
    min-width: 500px;
    padding: 5px;
    max-width: 1000px;
}

.myProduct .info_content .templateList li{
    height: 35px;
    line-height: 35px;
}

.myProduct .info_content .templateList li:hover{
    background-color: orange;
    color: #fff;
}

.myProduct .info_content .templateList li img{
    width: 35px;
    height: 35px;
}

.myProduct .info_content label{
    overflow: hidden;
    margin-right: 15px;
    height: 0.3rem;
    line-height: 0.3rem;
}

.myProduct .info_content label input[type = radio]{
    float: left;
    margin: 9px 5px 0 0;
}

.performance_parameter{
    overflow: hidden;
    margin-bottom: 20px;
}

.performance_parameter li{
    float: left;
    height: 0.3rem;
    line-height: 0.3rem;
    padding: 0 8px;
    margin-right: 5px;
    border-radius: 5px;
    font-size: 13px;
    color: #333;
    cursor: pointer;
}

.myProduct .info_content .xhe_default table.xheLayout{
    width: 100%!important;
    height: 100%!important;
}

.performance_parameter_list {
    margin-bottom: 20px;
}

.performance_parameter_list li {
    position: relative;
}

.performance_parameter_list li > div{
    display: block;
    border: 1px dotted gray;
    overflow: hidden;
    padding: 10px;
    margin-bottom: 5px;
}

.performance_parameter_list li div span{
    display: inline-block;
    line-height: 0.3rem;
}

.performance_parameter_list li div span.glyphicon{
    height: 0.3rem;
    padding: 0 5px;
    margin: 0 10px;
    line-height: 0.3rem;
    cursor: pointer;
}

.margin-left-200{
    margin-left: 2rem;
}

.margin-left-220{
    margin-left: 2.2rem;
}

.myProduct .optional_setting{
    padding-bottom: 30px;
    margin-bottom: 20px;
}

.myProduct .optional_setting table{
    border-bottom: 1px solid #bfbfbf;
}

.myProduct .optional_setting table>tbody>tr>td{
    vertical-align: middle;
    padding-left: 20px;
}

.category_list{
    overflow: hidden;
}

.category_list li{
    float: left;
    border: 1px dotted #CCCCCC;
    background: #F5F5F5;
    padding: 8px;
    margin-right: 10px;
}

.category_list li span.glyphicon{
    color: red;
    cursor: pointer;
    margin-left: 8px;
    padding: 0 5px;
}

.alert-tips {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border: 1px solid #faebcc;
    font-size: 0.13rem;
    padding: 0.08rem 0.35rem 0.08rem 0.14rem;
    margin: 0.1rem 0;
    border-radius: 5px;
}

.alertBox{
    padding: 0.08rem 0.35rem 0.08rem 0.14rem;
    border-radius: 4px;
    margin-bottom: 0.15rem;
}

.product_img_list{
    overflow: hidden;
}

.product_img_list li {
    float: left;
    margin: 5px;
    border: 1px solid rgb(219, 219, 219);

}

.product_img_list li.default>div{
    border: 5px solid rgb(196, 225, 240)
}

.product_img_list li>div{
    border: 5px solid #fff;
    padding: 10px;
    width: 180px;
}

.product_img_list li img{
    width: 150px;
    height: 150px;
    margin-bottom: 10px;
}

.category-menu{
    padding-left: 60px;
    background: url(../../../img/productManage/tree_bg.png) repeat-y;
}

.pro-category-menu img.load{
    width: 0.16rem;
    height: 0.16rem;
}

.category-title{
    position: relative;
    line-height: 30px;
}


.category-menu .category-title span.glyphicon{
    font-size: 16px;
    cursor: pointer;
    top: 3px;
    left: -56px;
}

.category-menu .category-title i.glyphicon{
    font-size: 16px;
    cursor: pointer;
    top: 3px;
    margin-left: 10px;
}

.category-img{
    display: inline-block;
    width: 24px;
    max-height: 24px;
    margin-left: -49px;
}

.hover-img{
    position: absolute;
    left: -200px;
    top: -150%;
    height: 150px;
    width: 150px;
    border-radius: 5px;
    padding-top: 25px;
    z-index: 10000000;
    background: #fff;
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);;
}

.hover-img img{
    display: block;
    width: 100px;
    max-height: 100px;
    margin: 0 auto;
    border-radius: 5px;
}

.category-menu .level2{
    margin-left: -30px;
}

.category-menu .level3{
    margin-left: -30px;
    padding-left: 30px;
    background: none;
}

.category-menu .level3 .category-img{
    margin-left: -29px;
}

.add-edit-box{
    width: 560px;
    border: 1px solid orange;
    border-radius: 5px;
    margin: 6px 30px;
    padding: 23px 20px;
    flex-flow: column nowrap;
    line-height: 30px;
}

div .glyphicon{
    cursor: pointer;
}

.add-edit-box>div{
    padding-bottom: 15px;
    align-content: center;
}

.add-edit-box>div span {
    display: inline-block;
    width: 180px;
    font-weight: bold;
}

.add-edit-box>div i{
    line-height: 30px;
    cursor: pointer;
}

.add-edit-box>div.showTitle{
    padding-bottom: 0;
}

.add-edit-box>div.showTitle span:last-child{
    font-size: 16px;
    color: #d60500;
}

.category-img-view td, .category-img-view th{
    text-align: center;
}

.add-edit-box>div ul{
    width: 200px;
}

.add-edit-box>div ul li {
    display: flex;
    flex-flow: row nowrap;
}

.padding-bottom-10{
    padding-bottom: 10px;
}

.font-color-d60500 {
    color: #d60500;
}
.addProductBox {
    width: 560px;
    border: 1px solid orange;
    border-radius: 5px;
    margin: 6px 30px;
    padding: 23px 20px;
    line-height: 30px;
}

.addProductBox>div>div{
    display: inline-block;
    margin-left:  50px;
    vertical-align: top;
    position: relative;
}

.addProductBox>div>div ul{
    position: absolute;
    min-width: 200px;
    border: 1px solid #bfbfbf;
    background: #fff;
    top: 29px;
    z-index: 10;
}

.addProductBox>div>div ul li{
    padding: 0 8px;
    cursor: pointer;
    display: block;
    white-space: nowrap;
}

.addProductBox>div>div ul li span{
    font-weight: bold;
    color: #f00;
}

.addProductBox>div>div ul li:hover{
    background: #eee;
}

.productImg{
    width: 100%;
    height: auto;
}

.category_name{
    word-wrap: break-word;
    word-break: break-all;
}

.no-data-box{
    display: none;
    margin-top: 20px;
    background-color: #D9EDF7;
    border-radius: 3px;
    padding: 5px 15px;
    color: #0d638f;
}
.left-n-40{
    left: -40px;
    top: 4px;
}
.report{
    background: #3d3d3d;
    font-size: 0.14rem;
}

.title_span{
    display: inline-block;
    width:1.3rem;
}

.screening_scope label{
    margin:0 0.15rem 0 0;
}

.screening_scope input[type=radio]{
    float: left;
    margin: 0.05rem 0.05rem 0 0;
}

.select_time{
    display: inline-block;
    margin-top: 1px;
    margin-bottom: -1px;
}

.report_overview{
    border: 1px solid #fccb7e;
    border-top: 0;
    margin-top: 0.1rem;
    padding:0 0.1rem;
}

.report_title{
    height:0.4rem;
    line-height: 0.4rem;
    color: #fff;
    background-color: #ffb848;
    padding:0 0.1rem;
    font-size: 0.18rem;
    font-weight: 400;
    margin:0 -0.1rem;
}

.report_overview td{
    padding:0.06rem 0.08rem!important;
}

.statistical_class{
    border: 1px solid #4b8df8;
    border-top: 0;
    margin-top: 0.2rem;
    padding: 0 0.1rem 0.2rem;
    position: relative;
}

.statistical_class button{
    padding:3px 12px;
}

.statistical_title{
    height:0.4rem;
    line-height: 0.4rem;
    color: #fff;
    background-color: #4b8df8;
    padding:0 0.1rem;
    font-size: 0.18rem;
    font-weight: 400;
    margin:0 -0.1rem;
}

.width-12-1{
    width:8.333333333333333333%;
}

.width-6-1{
    width:16.666666666666666666%;
}

.width-24-100 {
    width: 24%;
}

.pages button{
    display: inline-block;
    border:1px solid #999;
    border-radius: 3px;
    padding:2px 5px;
    margin-right: 5px;
    background-color: #fff;
    cursor: pointer;
}
.pages button[disabled]{
    background: #eee;
    cursor: not-allowed;
}

.interactiveReport .selectNum{
    min-width: 60px;
    width:0.6rem;
}

.select_time .inputTime{
    height:0.3rem;
    width:1.5rem;
    line-height: 0.3rem;
    font-size: .14rem;
    padding: 0 0.1rem;
}

.refreshBtn{
    height:0.3rem;
    padding:0.03rem 0.1rem;
}

.report_overview .table{
    margin-bottom: 0.1rem;
}

.info-content .table{
    margin-bottom: 0;
}

.sale-chart-ul{
    display: flex;
    margin: 0 -0.1rem;
    border-bottom: 1px solid #bfbfbf;
}

.sale-chart-ul li{
    display: flex;
    flex: 1 1 auto;
    border-right: 1px solid #bfbfbf;
    flex-flow: column nowrap;
    padding: 20px 0;
    cursor: pointer;
}

.sale-chart-ul li.active{
    background: #eee;
}

.sale-chart-ul li span{
    text-align: center;
}

.sale-chart-ul li span:last-child{
    font-weight: bold;
    font-size: 24px;
    margin-top: 10px;
}

.sale-chart-svg{
    display: flex;
}

.ChartNoData{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3rem;
    text-align: center;
}

.nav_title {
    width: 100%;
    background: #1B41A2;
    height: 34px;
    color: #fff;
    font-size: 16px;
    line-height: 34px;
    padding: 0 15px;
    border-radius: 5px 5px 0 0;
}

.pie_report {
    width: 50%;
    height: 4.36rem;
    float: left;
}

.pie_report:last-child{
    padding-left: 20px;
}

.container_s{
    height: 4rem;
    max-width: 100%;
    vertical-align: middle;
    border: 1px solid #ccc;
    text-align: center;
    overflow: hidden;
}

.no-data-pie{
    line-height: 4rem;
}

.margin-left-1 {
    margin-left: 1px;
}

.screening_scope label select{
    width: 3rem!important;
}

.salesReport .table_title > div{
    margin-left: -1px;
}
.salesReport .table_content > div{
    margin-left: -1px;
}

.table_content>div:nth-child(10) {
    border-right: 0;
}
.width-98-100{
    width: 98%;
}
.margin-right-15{
    margin-right: 15px;
}

.margin-left-15{
    margin-left: 15px;
}

.margin-left-29{
    margin-left: 0.29rem;
}

.background-color-#d8d8d8{
    background-color: #d8d8d8;
    vertical-align: bottom;
}
@charset "utf-8";

/** 模板管理 **/
.templateManage{
    background: #3d3d3d;
}

.templateManage .templateMessage table{
    width:100%;
    border-collapse: collapse;
    border:1px solid #ddd;
    font-size: 0.14rem;
}

.templateManage .templateMessage th,.templateManage .templateMessage td{
    border:1px solid #ddd;
    padding:0.08rem;
    line-height: 0.2rem;
}

.applyMac{
    color: #25A9E0;
    font-weight: bold;
}

.applyMac:hover{
    color: #25A9E0;
}

.templateManage .tem_handle span:hover{
    cursor: pointer;
    text-decoration: underline;
}

.tem-name-input{
    display: inline-block;
    padding:0.04rem 0.12rem;
    width:2.2rem;
}

.select-tem-tips{
    padding:0.08rem 0.35rem 0.08rem 0.15rem;
    margin:0.15rem 0;
}

#addTem .modal-dialog{
    width:40%;
    min-width: 470px;
    margin-top: 1.5rem;
}

ul.select-tem-name{
    float: left;
    width: 74.5%;
}

ul.select-tem-name li{
    float: left;
    padding:0 0 0.05rem 0;
}

ul.select-tem-name li>div{
    display: inline-block;
    background-color: #4d90fe;
    font-size: 0.12rem;
    color: #fff;
    width:1.05rem;
    margin-right: 0.1rem;
    padding:0;
    text-align:center;
    line-height: 0.6rem;
}

.curr_select{
    background-color: #0362fd !important;
}

ul.select-tem-name li>div:hover{
    position: relative;
    background-color: #0362fd ;
    color: #fff;
}

ul.select-tem-name li>div:hover .popover{
    display: block;
    top: -0.2rem;
    left: 100%;
}


ul.select-tem-name li>div:hover .popover .popover-content{
    color:#000;
    font-size: 0.12rem;
    height:auto;
    line-height: 0.2rem;
    width:1.4rem;
    text-align: center;
}

.tem-preview{
    float: left;
    width:23.4%;
    height:2.48rem;
    min-height: 248px;
}

.tem-preview>p{
    font-size: 0.48rem;
    color: #c8ccd0;
    line-height: 2.1rem;
    text-align: center;
}

.preview-img{
    padding: 2px;
    float: left;
    margin-top: 10px;
    margin-right: 10px;
    position: relative;
    background: #efefef;
    border: 1px solid #dddddd;
}

.preview-img>div{
    position: absolute;
    padding: 1px;
    background: white;
    color: black;
    border: 1px dotted #ECA22E;
    font-size: 0.12rem;
}

.preview-img>div:hover{
    background-color: #ECA22E;
}

.preview-img>div:hover .popover{
    display: block;
    position: relative;
    min-width: 1.4rem;
}

.preview-img>div:hover .popover.top{
    margin-top: -45px;
}


.preview-img>div:hover .popover .popover-content{
    color:#000;
    font-size: 0.12rem;
    height:auto;
    line-height: 0.2rem;
    text-align: center;
    padding: 5px;
    white-space: nowrap;
}

.templatePreview{
    padding: 0 0.3rem 0.5rem;
}

.templatePreview .preview-content{
    border:1px solid #ddd;
    width:100%;
    border-collapse: collapse;
}

.templatePreview .preview-content td{
    padding:0.08rem;
    border:1px solid #ddd;
    vertical-align: top;
}

.templatePreview .preview-left{
    width:70%;
}

.templatePreview  .alert-tips{
    font-size: 0.13rem;
    padding: 0.08rem 0.35rem 0.08rem 0.14rem;
    margin: 0.1rem 0;
}

.templatePreview .preview-structure{
    position: relative;
    min-height:1000px;
}

.preview-structure .structureDiv{
    position: absolute;
    overflow: hidden;
    background: white;
    z-index: 1;
    cursor: pointer;
    border: 2px dotted #ECA22E;
    font-size: 0.12rem;
    text-align: center;
}

.templatePreview .screen_box{
    width: 1.5rem;
    height: 1.8rem;
    padding: 0.1rem;
    margin: 0.1rem auto;
    background-color: #0362fd ;
    color: #fff;
    font-size: 0.14rem;
}

.applyMachine{
    position: fixed;
    height: 0.7rem;
    bottom: 0;
    line-height: 0.7rem;
    background: rgba(0,0,0,0.5);
    width: 100%;
    left: 0;
    z-index: 10;
}

.applyMachine span{
    display: block;
    width: 2.5rem;
    line-height: 0.5rem;
    font-weight: bold;
    font-size: 0.2rem;
    cursor: pointer;
    height: 0.5rem;
    text-align: center;
    background: #F60;
    color: white;
    margin: auto;
    margin-top: 0.1rem;
}

span.item-name{
    display: inline-block;
    width:1.1rem;
    height:0.3rem;
}

.componentSelect{
    width:2.2rem;
    margin-top:0.04rem;
    display: inline-block;
    position: relative;
}

.componentSelect .selectBox{
    width:100%;
}

.componentSelect label, .componentSelect select{
    width:100%;
}

.componentSelect input{
    width: 100%;
}

.componentSelect .font-color-red{
    position: absolute;
    right: -20px;
    top: 5px;
}

.changeValue input[type=text],.changeValue select{
    height:0.3rem;
    line-height: 0.3rem;
    width: 2.2rem;
    padding-left: 0.1rem;
}


/** 分配模板 **/

.allotMachine {
    background: #3d3d3d;
    height: 100%;
}

.allotMachine table.showMachineMes{
    width:100%;
    border-collapse: collapse;
    border:1px solid #ddd;
}

.allotMachine table.showMachineMes td,.allotMachine table.showMachineMes th{
    padding:0.08rem;
    line-height: 0.2rem;
    border: 1px solid #ddd;
}

/** 网站配置 **/

.webConfig {
    background: #3d3d3d;
    height: 100%;
}

.webConfig .web_machine_logo{
    /*width:5rem;*/
    margin:0.2rem 0;
}

.webConfig .web_logo_img{
    width: 5rem;
    height: 1rem;
    margin-bottom: 0.1rem;
    border: 1px solid #EBEBEB;
    background: white;
    line-height: 1rem;
}

.webConfig .web_logo_img img{
    max-width: 100%;
    width: 5rem;
    height: auto;
    max-height: 100px;
}

.webConfig .machine_state_item{
    float: left;
    padding-left: 0.2rem;
    overflow: hidden;
}

.webConfig .machine_state_img{
    width: 2.22rem;
    height: 3.62rem;
    margin-bottom: 0.1rem;
    border: 1px solid #EBEBEB;
    background: white;
    line-height: 1rem;
    padding: 0.2rem;
    margin-top: 0.1rem;
}

.webConfig .logo{
    float: left;
    width: 50%;
}

.webConfig .icon{
    float: left;
    width: 50%;
}

.webConfig .icon-file{
    margin-right: -80px;
    margin-top: 4px;
}

.webConfig .machine_state_img>img{
    max-width: 100%;
    height:auto;
}

.webConfig .machine_state_item input[type=file]{
    display: block;
    margin-top: 0.1rem;
}

.webConfig .machine_img_introduce i{
    color: #f00;
}

.webConfig .machine_img_introduce>div{
    float: left;

}

/** 用户管理 **/

.user{
    background: #3d3d3d;
    height: 100%;
}

.user .queryUser{
    width:3.2rem;
    height:0.3rem;
    margin-left: 50px;
    margin-top: -25px;
}

.user .query_title{
    float: left;
    line-height: 0.34rem;
}

.user .user_mes{
    width:100%;
    border-collapse: collapse;
    font-size: 0.12rem;
}

.user .user_mes th{
    background-color: #4d90fe;
    color: #fff;
    cursor: pointer;
    text-align: center;
    padding: 8px 0;
}

.user .user_mes tr:hover{
    background-color: #EBF7FB;
}

.user .user_mes td a{
    color: #25A9E0;
    font-weight: bold;
}

.user .user_mes td a:hover{
    color: #25A9E0;
    font-weight: bold;
}

.border-bottom-color{
    border-bottom-color: #fff!important;
    opacity: 0.4;
}

.border-top-color{
    border-top-color: #fff!important;
    opacity: 0.4;
}

.user .right_content label{
    margin-right: 0.1rem;
}

.user .right_content label input[type=checkbox],.user .right_content label input[type=radio]{
    float: left;
    margin-right: 3px;
}

.user .right_content label span{
    cursor: pointer;
}

.user .right_content>p{
    padding-top: 0.05rem;
}

.user .right_content textarea{
    padding:0.1rem;
    max-width: 100%;
    max-height: 1rem;
    overflow-y: auto;
    min-width: 4rem;
    min-height: 0.5rem;
}

.user .right_content input[type=text]{
    width:2.2rem;
    padding:0.04rem 0.12rem;
    height:0.3rem;
    display: inline-block;
    margin-right: 0.1rem;
}
.add_user_account .left_title{
    width:2rem;
    font-size: 0.13rem;
}

.add_user_account .left_title i.re{
    color: red;
}

.add_user_account .right_content .user_Email{
    display: inline-block;
    width:3rem;
    font-size: 0.13rem;
}
.user .right_content input[type=password] {
    width: 2.2rem;
    padding: 0.04rem 0.12rem;
    height: 0.3rem;
    display: inline-block;
    margin-right: 0.1rem;
}
.addUser .right_content label {
    width:auto;
    padding:0.05rem 0.2rem 0.05rem 0;
    margin:0;
    line-height: normal;
}

.addUserGroup .left_title {
    width: 13%;
    font-weight: bold;
}

.blue_box{
    height:0.39rem;
    background-color: #4b8df8 !important;
    border-radius:5px;
}

.addUserGroup  .right_content label{
    padding:0.05rem 0;
}

.select_userGroup_item{
    width:6rem;
    text-align: center;
}

.select_userGroup_item table{
    width:100%;
}

.select_userGroup_item td{
    line-height: 0.3rem;
}

.select_userGroup_item table td{
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    line-height: 0.32rem;
}

.select_userGroup_item td input[type=checkbox]{
    display: inline-block;
    margin:0;
    position: relative;
    width:0.12rem;
    height:0.12rem;
    top:0.02rem;
}

.applyUser{
    width: 100%;
    line-height: 0.3rem;
}
.applyUser th{
    text-align: center;
}

.applyUser  input[type=checkbox]{
    position: relative;
    top:0.02rem;
    margin-right: 0.03rem;
}

.applyUser td{
    padding:0 0.08rem;
}

.remindSubmit{
    color: #f00;
    animation:showHide 2s;
    -webkit-animation: showHide 2s;
    margin-left: 0.05rem;
}

@keyframes showHide
{
    0%   {opacity: 0;}
    25%  {opacity: 1;}
    50%  {opacity: 0;}
    100% {opacity: 1;}
}

.add-user-group button{
    padding:0.04rem 0.12rem;
    margin-top: -0.05rem;
}

/** 收款信息 **/
.collectionInfo {
    background: #3d3d3d;
    height: 100%;
}

.title_remind{
    font-style: italic;
    text-decoration: underline;
    color: #555;
}

.collectionInfo .left_title{
    width:15%;
}

.border_bottom_last{
    border-bottom: 1px solid #999;
    padding-bottom: 0.1rem!important;
}

.collectionInfo .right_content input[type=text]{
    display: inline-block;
}

.collectionInfo .right_content button{
    margin-top: -0.03rem;
}
.navbar-inner h5{
    margin: 10px 0;
}
.QRCode{
    max-width: 3rem;
    height: auto;
}

.table-border-none td{
    border: 0!important;
    text-align: left;
}

@keyframes fade-in{
    0%{opacity:0}
    100%{opacity: 1}
}

@keyframes fade-out{
    0%{opacity: 1}
    100%{opacity: 0}
}

alert-box{
    width: 400px;
    margin-left: 50%;
    position: fixed;
    top: 86px;
    z-index: 99999999999999999999999;
}

.fade-in {
    animation: fade-in 1s  ease-in-out;
}

.fade-out {
    animation: fade-out 1s  ease-in-out;
}

.fade-out-9 {
    animation: fade-out 10s  ease-in-out;
}

.alertSuccess, .alertFailure{
    position: fixed;
    width: 400px;
    margin-left: -200px;
    color: #fff;
    font-size: 13px;
    border-radius: 3px;
    line-height: 40px;
    overflow: hidden;
    z-index: 99999999;
}
.alertSuccess>div, .alertFailure>div{
    display: flex;
}
.alertSuccess>div span, .alertFailure>div span{
    display: flex;
    padding: 0.1rem;
    font-size: 0.13rem;
    word-break: break-all;
    line-height: 0.24rem;
}

.alertSuccess>div span:first-child, .alertFailure>div span:first-child{
    width: 40px;
}

.alertSuccess{
    background: #9cdfb9;
    box-shadow: 0 5px 8px rgba(156, 223, 185, 0.5), 0 0 8px rgba(156, 223, 185, 0.5);
    padding-left: 0;
}
.alertScale{
    transform: scale(2);
}
.alertMachinesStatus{
    position: fixed;
    /* transform: translateX(-50%); */
    z-index: 99999999;
    
}
.alertMachinesStatus .small{
    padding: 20px 25px 20px 10px;
    color: #fff;
    font-size: 13px;
    border-radius: 5px;
    background: #000;
    margin-bottom: 10px;
}
.success-icon{
    width: 50px;
    text-align: center;
    background: url(../../../img/common/success_icon.png) no-repeat center;
    background-color: #87d0a7;
}

.alertFailure{
    background: #e99188;
    box-shadow: 0 5px 8px rgba(233, 145, 136, 0.5), 0 0 8px rgba(233, 145, 136, 0.5);
    padding-left: 0;
}

.failure-icon{
    width: 50px;
    text-align: center;
    background: url(../../../img/common/failure_icon.png) no-repeat center;
    background-color: #de847b;
}

.img-tip-div{
    width: 100%!important;
    color: #f00;
    height: 0;
    animation: in-out 4s linear;
    -webkit-animation: in-out 4s linear;
    overflow: hidden;
}

@keyframes in-out {
    0% {
        height: 0;
        opacity: 0;
    }
    15%{
        height: 40px;
        opacity: 1;
    }
    85%{
        height: 40px;
        opacity: 1;
    }
    100%{
        height: 0;
        opacity: 0;
        display: none;
    }
}
.danger-alert{
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
}
.component-table{
    width: 100%;
}
.component-table td{
    padding: 5px 0;
    line-height: 30px;
}

.component-table td input[type=file]{
    line-height: normal;
}

.location_point label input{
    width: 0.78rem;
}
.line-height-16{
    line-height: 16px!important;
}

.template_product{
    position: relative;
}

.template_product ul{
    position: absolute;
    max-width: 80%;
    list-style-type: none;
    background-color: #fff;
    border: 1px solid #bfbfbf;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    margin-bottom: 10px;
    margin-top: -2px;
}

.template_product ul li{
    padding: 8px 10px;
    word-break: break-all;
    line-height: normal;
}

.template_product ul li:hover{
    background-color: #eee;
}

.template_product ul li span{
    color: #f00;
    font-weight: bold;
}

.allot-machine-table table .td-label{
    vertical-align: top;
}

.width-120{
    width: 1.2rem;
}

.allot-machine-table table label{
    width: 25%;
}
#edit_user_info label{
    margin-right: 10px;
}

.farbtastic {
    position: relative;
}
.farbtastic * {
    position: absolute;
    cursor: crosshair;
}
.farbtastic, .farbtastic .wheel {
    width: 195px;
    height: 195px;
}
.farbtastic .color, .farbtastic .overlay {
    top: 47px;
    left: 47px;
    width: 101px;
    height: 101px;
}
.farbtastic .wheel {
    background: url(./img/common/wheel.png) no-repeat;
    width: 195px;
    height: 195px;
}
.farbtastic .overlay {
    background: url(./img/common/mask.png) no-repeat;
}
.farbtastic .marker {
    width: 17px;
    height: 17px;
    margin: -8px 0 0 -8px;
    overflow: hidden;
    background: url(./img/common/marker.png) no-repeat;
}

.closeWeb {
    position: absolute;
    bottom: 0.5rem;
}

.assign-container .table-header .table-tr{
    display: flex;
    justify-content: flex-start;
    
}
.transaction{
    height: 100%;
    font-size: 0.14rem;
}

.statistical_class .form-control{
    height:0.3rem;
    padding:0.04rem 0.05rem;
}

.orderTransaction  .select_slideDown{
    max-width:1.5rem;
    min-width:1rem;
}

.statistical_class input[type=radio]{
    float: left;
    margin:0.05rem 0.05rem 0 0;
}

.orderTransactionMes .table_title{
    overflow: hidden;
    width:100%;
    border:1px solid #ddd;
    font-size: 0.12rem;
    color: #fff;
    background-color: #4b8df8;
    font-weight: bold;
}

.orderTransactionMes .table_title>div{
    float: left;
    word-break: break-all;
    line-height: 0.3rem;
    border-right: 1px solid #ddd;
    text-align: center;
}

.table_content{
    overflow: hidden;
    width:100%;
    border:1px solid #ddd;
    font-size: 0.12rem;
    border-top: 0;
}

.table_content>div{
    float: left;
    word-break: break-all;
    line-height: 0.3rem;
    border-right: 1px solid #ddd;
    text-align: center;
    height:100%;
}

.table_content>div.child_table{
    float: none;
    width:100%;
    border-top: 1px solid #ddd;
    position: relative;
    border-right: 0;
    clear: both;
    padding-bottom: 0.1rem;
}

.child_table .left_icon{
    width:1.5%;
    position: absolute;
    top:0;
    bottom:0.1rem;
    margin-right: -1px;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.child_table .left_icon span{
    top:25%;
    margin-top: -6px;
}

.child_table table{
    width:80%;
    margin-left: 1.5%;
    border-collapse: collapse;
}

.child_table th,.child_table td{
    border-right: 1px solid #ddd;
}

.child_table th{
    color: #fff;
    background-color: #4b8df8;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
}
.child_table td{
    border-bottom: 1px solid #ddd;
}

.orderTransactionMes div>span.sort_icon{
    display: inline-block;
    position: relative;
    opacity: 0;
}

.orderTransactionMes div.active>span.sort_icon{
    opacity: 1;
}

.orderTransactionMes div.active>span.sort_icon.sort_icon i:first-child {
    top: -3px;
}

.orderTransactionMes div.active>span.sort_icon.sort_icon i:last-child {
    top: -9px;
}

.log_mes th{
    color: #fff;
    background-color: #4b8df8;
    font-weight: bold;
    padding:0!important;
    text-align: center;
    font-size: 0.13rem;
    line-height: 0.36rem!important;
    height:0.36rem;
}

.refundTransaction table.log_mes  {
    font-size: 0.12rem;
}

.refundTransaction table.log_mes td{
    padding:0 0.08rem;
    line-height: 0.3rem;
}

.refundTransaction table.log_mes td button{
    padding:0.02rem 0.12rem;
    font-size: 0.12rem;
    margin-top:-0.03rem;
}

.refundTransaction .modal-body textarea{
    max-width:100%;
    width: 90%;
    min-height: 1rem;
    padding:0.08rem;
    border-radius: 5px;
    margin:0.05rem 0 0.1rem;
    vertical-align: text-top;
}

.reserveTransaction button{
    margin-top: -0.03rem;
}

.reserveTransaction .table_content  button{
    padding:0.03rem 0.08rem;
    font-size: 0.12rem;
    margin-top: -0.04rem;
}

.reserveTransaction textarea{
    max-width: 100%;
    width:100%;
    height: 0.6rem;
    min-height: 0.6rem;
    max-height: 1.5rem;
    border-radius: 3px;
    padding:0.08rem;
    margin-bottom: 0.1rem;
}

.screening-date{
    display: inline;
}

.screen-condition{
    position: static;
    display: block;
    list-style: none;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.loading_img{
    width: 15px;
    height: 15px;
    margin-left: 8px;
}
.whiteSpace td{
    white-space: inherit!important;
    word-break:break-all!important;
    word-wrap:break-word!important;
}
.gift_activity_fixed{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.68);
    text-align: center;
    line-height: 60vh;
    color: #fff;
}
@charset "utf-8";

/** logo及用户登录信息 **/
.topBar{
    padding:0.1rem 0.2rem;
    background-color: #212121;
    /* overflow: hidden; */
    position: fixed;
    width: 100%;
    z-index: 9999;
    top: 0;
}
.topBar_from_jd{
    display: none;
}
.topBar .mobile-menu{
    display: none;
}
.topBar .selectRe{
    position: relative;
    width: 1.5rem;
    padding-left: 10px;
    cursor: pointer;
}
.topBar .selectRe i{
    float: right;
    top: 5px;
}
.topBar .selectRe .selectAb{
    position: absolute;
    width: 100%;
    background-color: rgb(61, 61, 61);
    left: 0;
    top: 20px;
    padding-top: 15px;
    background: #212121;
}
.topBar .selectRe .selectAb div{
    width: 100%;
    padding-left: 10px;
    color: #fff;
    background-color: rgb(61, 61, 61);
}
.topBar .selectRe .selectAb div:hover{
    background-color: #212121!important;
}
.topBar img{
    width: auto;
    max-height:0.26rem;
    /*max-width: 100%;*/
}

.topBar ul{
    overflow: inherit;
}

.topBar ul li{
    float: left;
    padding:0 0.1rem;
    color: #999;
    height:0.26rem;
    line-height: 0.26rem;
    font-size: 0.14rem;
}

.topBar ul li:hover{
    color:#fff;
}
.topBar ul li.li1:hover{
    color: #999;
}
body {
    background-color: #3d3d3d;
    overflow-x: hidden;
    overflow-y: auto;
}

/** 左侧导航块及右侧路由显示区 **/

.navMenu{
    width: 100%;
    background-color: #3d3d3d;
    margin-top: 0.46rem;
    overflow: hidden;
}

.navMenu_from_jd{
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
}

.navMenu .navTree{
    position: relative;
    width:2.25rem;
    background-color: #3d3d3d;
    padding:0;
    z-index: 5;
    border-top: 1px solid #5c5c5c;
}

 .navTree li{
    color: #fff;
    font-size: 14px;
    font-weight: 300;
}

 .navTree li>div{
    padding: 0.1rem 0.15rem;
    cursor: pointer;
}

 .navTree .level2>li>div:hover{
    background: #d84a38;
}

 .navTree .level2 li.active{
    background: #d84a38;
}

.navTree .level3 li:last-child{
    border-bottom: 1px solid #5c5c5c;
}

 .navTree .level3 li>div{
    border-top:0;
    padding: 0.05rem 0 0.05rem 0;
}

.navTree .level2>li:last-child .level3 li:last-child{
    border-bottom: 1px solid #5c5c5c;
}

.navTree .level3 li.active{
    background-color: #d84a38;
}

 .navTree .level3 li>div:hover{
    background: transparent;
}

.navTree .level1>li>div{
    border-bottom: 1px solid #5c5c5c;
}

.navTree .level1>li.active>div{
    background: url(../../../img/home/menu-active.png) no-repeat center right;
}

 .navTree li>div:hover{
    background-color: #1d1d1d;
}

.navTree .level2 li{
    background: #000;
}

 .navTree .level2>li>div{
    border-bottom:1px solid #5c5c5c;
}

.navTree .level2>li:last-child{
    border-bottom:0;
}

.level2 a:hover{ background:#d84a38; text-decoration:none;}

 .navTree .level2 div{
    padding:0.05rem 0.05rem 0.05rem 0.2rem;
}

 .navTree .level3 li{
    padding: 0 0.05rem 0 0.5rem;
    cursor: pointer;
}

 .navTree li ul div{
    padding:0.05rem 0.05rem 0.05rem 0.2rem;
}

 .navTree li i{
    display: inline-block;
    width:0.2rem;
    height:0.2rem;
    margin:0 0.05rem -0.05rem 0;
}

.navTree .level2, .navTree .level3{
    transition: display 0.1s linear;
}


.navView{
    width:100%;
    height:100%;
    margin-left: -2.25rem;
    padding-left: 2.25rem;
}

.navView .page-box{
    min-height: 760px;
    background-color: #fff;
}

.footer{
    width:100%;
    text-align: center;
    background: #3d3d3d;
    height:0.6rem;
    line-height: 0.6rem;
}



/*.level2,.level3{*/
    /*display: block;*/
    /*width: 100%;*/
    /*height:auto;*/
    /*opacity: 1;*/
    /*transition: all linear 0.2s;*/
/*}*/

/*.home .navTree .ng-hide{*/
    /*height: 0;*/
    /*width: 0;*/
    /*opacity: 0;*/
    /*overflow: hidden;*/
/*}*/

.help_title {
    font-size: 16px;
    margin: 20px 0 10px 0;
    border-bottom: 1px solid #bfbfbf;
    padding-bottom: 10px;
}

.help_item_title{
    display: block;
    font-size: 16px;
    margin-bottom: 10px;
}

.help_item_content{
    float: left;
    margin-left: 8px;
}

.help_item_content p span{
    cursor: pointer;
    text-decoration: underline;
    margin-bottom: 5px;
    font-size: 13px;
    line-height: 24px;
}

.step {
    font-size: 12px;
    font-weight: bolder;
    text-align: center;
    margin-bottom: 5px;
    margin-top: 0px;
    padding-bottom: 0px;
    vertical-align: bottom;
}

.number {
    font-size: 21px;
    font-weight: bold;
    font-style: italic;
    margin-bottom: 5px;
}

.video-box {
    display: block;
    position: relative;
    background-image: url(./img/help/videos.png);
    width: 4.28rem;
    height: 2.38rem;
}

.video-box span {
    position: absolute;
    bottom: 0.4rem;
    left: 1.79rem;
    margin: 0 auto;
    width: 0.7rem;
    height: 0.7rem;
    background: url(./img/help/video_play.png) no-repeat center;
}

.video-box:hover span{
    background: url(./img/help/video_playing.png) no-repeat center;
}

.help-suggest>div{
    width: 5rem;
}

.help-suggest textarea{
    min-width: 5.1rem;
    min-height: 1.5rem;
    margin-top: 0.2rem;
    max-width: 100%;
    max-height: 2rem;
    padding: 10px;
}

.help-suggest ul{
    overflow: hidden;
    margin: 15px 0;
}

.help-suggest ul li {
    float: left;
    position: relative;
    width: 98px;
    height: 80px;
    margin-right: 5px;
    border: 1px dotted #bfbfbf;
    text-align: center;
}

.help-suggest ul li:hover{
    border-color: rgb(39, 226, 81);
}

.help-suggest ul li input[type=file]{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 5;
    opacity: 0;
}

.help-suggest ul li span{
    position: absolute;
    top: 19px;
    left: 28px;
    font-size: 40px;
    color: #ccc5c5;
}

.help-suggest ul li img.suggest-img{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10;
}

.help-suggest ul li i.remove-img{
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 15;
    color: #f00;
    font-size: 16px;
}
.footer{
    height: 0.6rem;
    line-height: 0.6rem;
    background: #3d3d3d;
    color: #fff;
}
.margin-bottom-30{
    margin-bottom: 30px;
}

.text-note {
    margin: 8px 0px 0px 28px;
    width: 300px;
    height: 1rem !important;
    vertical-align: middle;
}
.message-tips-box{
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 350px;
    /* -moz-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.24), 0px 1px 5px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.24), 0px 1px 5px rgba(0, 0, 0, 0.6); */
    box-shadow: inset 0px 1px rgba(255, 255, 255, 0.24), 0px 1px 5px rgba(0, 0, 0, 0.6);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiP…dpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
    background-size: 100%;
    /* background-image: -moz-linear-gradient(#5c5b5b, #353535);
    background-image: -webkit-linear-gradient(#5c5b5b, #353535);
    background-image: linear-gradient(#5c5b5b, #353535); */
    background-color: #5c5b5b;
    border: 1px solid rgba(0, 0, 0, 0.5);
    list-style: none;
}
.message-tips-box li{
    line-height: 20px;
}

.message-tips-box li>div{
    -moz-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 0px -1px rgba(0, 0, 0, 0.23), inset 48px 0px 0px rgba(0, 0, 0, 0.3), inset 46px 0px 0px rgba(255, 255, 255, 0.07);
    -webkit-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 0px -1px rgba(0, 0, 0, 0.23), inset 48px 0px 0px rgba(0, 0, 0, 0.3), inset 46px 0px 0px rgba(255, 255, 255, 0.07);
    box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 0px -1px rgba(0, 0, 0, 0.23), inset 48px 0px 0px rgba(0, 0, 0, 0.3), inset 46px 0px 0px rgba(255, 255, 255, 0.07);
    position: relative;
    font-size: 13px;
    background: transparent;
    color: #f0f0f0;
    text-shadow: 0px 1px #111111;
    font-weight: 500;
    padding: 10px 30px 13px 65px;
}

.img-size-50-50 {
    width: 50px;
    height: 50px;
}
.img-size-100-100 {
    width: 100px;
    height: 100px;
}
.input-width-175 {
    width: 175px;
}

.margin-top-m22 {
    margin-top: -40px;
}

.log-item{
    margin-bottom: 0.2rem;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.upload-log-title{
    color: #666;
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    padding: .1rem .15rem;
    cursor: pointer;
    line-height: 0.3rem;
}

.upload-log-title span:first-child{
    font-size: 0.22rem;
}

.upload-log-title .glyphicon{
    margin-left: 5px;
    top: 3px;
    font-size: 0.16rem;
}

.log-content{
    border: 1px solid #ddd;
    border-top: 0;
    padding: 15px;
    font-size: 0.14rem;
    color: #666;
    line-height: 0.3rem;
}

.log-content ul ul{
    padding-left: 0.3rem;
}

.log-content ul ul a{
    padding: 5px;
    color: #4B8DF8;
}

.log-content ul ul a i{
    font-weight: bold;
    margin: 0 -2px;
}

.client-name-width {
    word-break: break-all;
}

.margin-left-150 {
    margin-left: 150px;
}

.max-width-3rem {
    max-width: 3rem;
}

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

.vertical-middle {
    vertical-align: middle;
}

.tab-outside table tr td {
    border:1px solid gray;
    /*text-align: center;*/
    vertical-align:middle;
}

.ad-thumbnail{
    float: right;
    position: absolute;
    border: 1px solid rgb(204, 204, 204);
    height: 90px;
    width: 220px;
    top: 10px;
    left: 58%;
    text-align: center;
}
.ad-thumbnail img{
    width: 71px;
    height: 90px;
}
.width-420 {
    width: 420px;
}

.imgScreenShotMask{
    position:absolute;
    background:#000;
    filter:alpha(opacity=40);
    -moz-opacity:0.40;
    opacity:0.40;
    height:1080px;
    width: 540px;
}

.passwd_eyes {
    position: relative;
    right: 23px;
    top: 1px;
    color: #444;
}
.searchClients{
    width: 2.5rem;
}

.searchBoxInput{
    display: inline-block;
    overflow: hidden;
}

.searchBoxInput input{
    display: inline-block;
    width: 2rem;
    height: 0.3rem;
    line-height: 0.3rem;
    padding: 6px 0;
    font-size: 14px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    border-radius: 3px 0 0 3px;
}

.searchBoxInput button{
    display: inline-block;
    border-radius: 0 3px 3px 0;
    margin-left: -1px;
}

.hostAddClient .left_title{
    width:15%;
    font-weight: bold;
}

.hostAddClient textarea{
    width:6rem;
    height:1rem;
    max-width: 98%;
    max-height: 1.5rem;
    overflow-y: auto;
}

.hostAllClients .modal textarea{
    display: block;
    width:5rem;
    height:0.6rem;
    max-width: 95%;
    max-height: 1.5rem;
    overflow-y: auto;
}

.table_title{
    overflow: hidden;
    width:100%;
    border:1px solid #ddd;
    font-size: 0.12rem;
    color: #fff;
    background-color: #4b8df8;
    font-weight: bold;
}

.table_title>div{
    float: left;
    word-break: break-all;
    line-height: 0.36rem;
    border-right: 1px solid #ddd;
    text-align: center;
    position: relative;
    margin-right: -1px;
    min-height: 0.36rem;
}

.table_content>div{
    margin-right: -1px;
    min-height: 0.3rem;
    margin-bottom: -999px;
    padding-bottom: 999px;
}

.table_title div>span.sort_icon{
    display: inline-block;
    position: relative;
    opacity: 0;
}

.table_title div.active>span.sort_icon{
    opacity: 1;
}

.table_title div.active>span.sort_icon.sort_icon i:first-child {
    top: -3px;
}

.table_title div.active>span.sort_icon.sort_icon i:last-child {
    top: -9px;
}

.hostMachines td input[type=checkbox]{
    margin:2px 0 0 2px;
    float: left;
}

.hostMachineModal .right_content textarea{
    width:90%;
    max-width: 96%;
    height:1rem;
    min-height: 0.78rem;
    max-height: 2rem;
    overflow-y: auto;
}

.hostMachineModal .left_title button{
    width:0.9rem;
    text-align: center;
}

.hostAllClients td.v-middle{
    vertical-align: middle!important;
    cursor: pointer;
}

.child_table{
    margin: 0 !important;
    padding-bottom: 0.1rem!important;
    background-color: #fff;
}

.hostAllClients .log_mes th{
    height: 0.3rem!important;
    line-height: 0.3rem!important;
}

.filing-table td{
    font-weight: bold;
    vertical-align: middle!important;
}

/*.standardTip:hover + .popover{*/
    /*display: block!important;*/
/*}*/

.show-standard{
    position: relative;
}

.show-standard .popover{
    left: 50%;
    top: -25%;
}
.filing-animation{
    width: 40%;
    margin: 0.15rem auto 0;
}

.quickLogin th, .quickLogin td{
    text-align: center;
}

.sales-overview-title .select_icon{
    right: 0;
}

/*.yellow .select-date li{*/
    /*height: auto;*/
/*}*/
.showImg{
    position: absolute;
    top: 10%;
    left: -50%;
    z-index: 10;
}

.no-data{
    border: 1px solid #bfbfbf;
    border-top: 0;
    line-height: 36px;
    padding-left: 10px;
}

.input_machine_name{
    width: 116px;
}

td.showIcon span.glyphicon-edit{
    display: none;
}

td.showIcon:hover span.glyphicon-edit{
    display: block;
}

.edit_value .glyphicon-pencil{
    display: none;
}

.edit_value:hover .glyphicon-pencil{
    display: block;
}

.logo_pic_block {
    width: 500px;
    height: 150px;
    margin-bottom: 10px;
    margin-top: 37px;
    border: 1px solid #EBEBEB;
    background: white;
    line-height: 100px;
}

.del_line{
    color: #666;
    text-decoration: line-through;
}

.select-required {
    position: absolute;
    top: 0.12rem;
    left: 1.6rem;
}

.background-color-ffb848 {
    background-color: #ffb848;
}

.margin-left-435 {
    margin-left: 435px;
}


.note_text {
    color: red;
    margin-bottom: 0;
    text-align: center;
}
.top-title{
    font-size: 20px;
}

.hostMachines label select.form-control{
    width: 2rem!important;
}

/*#dataBox{*/
    /*margin: 20px 0 0 -15px;*/
/*}*/

.host_modal .ui-jqgrid .ui-jqgrid-htable th div span.two-header{
    display: block;
    height: 40px;
    line-height: 16px;
}

.host_modal .ui-jqgrid tr.jqgrow td {
    white-space: normal !important;
    height:auto;
    vertical-align: middle;
    padding: 0.05rem;
    line-height: 0.2rem;
}

.host_modal .ui-jqgrid tr.jqgrow td a:hover{
    text-decoration: underline;
}

.pie-chart .no-data-chart {
    height: 400px;
    line-height: 400px;
    text-align: center;
}

.alertMachine label{
    margin-right: 0!important;
}
.importTitle{
    padding-left: 30px;
    height: 50px;
    background-color: #fcfcfc;
    line-height: 50px;
    font-size: 20px;
    
}
.importTitle h3{
    line-height: 50px;
}
.improtHimt{
    width: 100%;
    padding-left: 30px;
    margin-bottom: 50px;
    font-size: 18px;
}
.improtList{
    width: 100%;
    margin-top: 30px;
}
.importUrl{
    width: 60%;
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: left;
    margin-right: 20px;
}
.capy{
    width: 20%;
}
.isIphoneSelect{
    width: 200px;
    max-height: 100px;
    margin-left: 134px;
    position: absolute;
    background-color: #fff;
}
.isIphoneSelect ul{
    padding-left: 20px;
    width: 200px;
    border: 1px solid #ccc;
    max-height: 100px;
    overflow-y: scroll;
    overflow-x: hidden;

}
.isIphoneSelect ul li{
    height: 26px;
    line-height: 26px;
}
.phoneInput{
    padding-left: 5px;
    width: 200px; ;
}
.questionAction{
    display: inline-block;
    width:15px;
    height: 15px;
    border: 1px solid;
    font-size: 12px;
    text-align: center;
    line-height: 15px;
    border-radius:50% ;
    margin-left: 10px;
    background-color: #fff;
}
.questionAction span{
    color: #4b8df8;
}
.machineNameShow{
    position: absolute;
    top: 16px;left: 0px;
    background-color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 118px;
    z-index: 99;
    height: 25px;
    line-height: 25px;
    white-space: nowrap;
    border-radius: 5px;
    padding-left: 5px;
    box-shadow: 1px 0px 5px #ccc;
}
.bindingTitle{
    padding-left: 15px 0 0 15px;
    font-size: 16px;
}
.bindingImg{
    margin: 20px auto;
    text-align: center;
}
.hintBox{
    position: relative;
}
.hintMoel{
    position: absolute;
    top:107px;
    left: 80%;
    border-radius: 5px;
    font-size: 14px;
    z-index: 999;
    color: #000;
    display: inline-block;
    width: 230px;
    height: 55px;
    padding:8px;
    background-color:#fff;
    box-shadow: 1px 0px 5px #ccc;
    display: none;
}
.OfficialAccountsTable{
    text-align: center; 
    width: 90%;
    border: 1px solid #ccc;
}
.OfficialAccountsTable tr td{
    width: 25%;
}

.clientMachineLIist{
    width: 100%;
    height: 400px;
    overflow-y: scroll;
}

.inform{
    display: flex;
    margin-bottom: 30px;
}
.inform .informItem{
    margin-right: 30px;
    padding: 0 15px;
    height: 40px;
    line-height: 40px;
    border-radius:10px ;
    border: 1px solid #ccc;
    text-align: center;
}
.inform .informItemActive{
    margin-right: 30px;
    padding: 0 15px;
    height: 40px;
    line-height: 40px;
    border-radius:10px ;
    text-align: center;
    background-color: #A0CFFF;
    color: #fff;
}

.changeClientSelect{
    display: flex;
}
.changeClientSelect select{
     width: 135px;
}
.hostTitle{
    line-height: 50px;
}
.allClientNewList{
    position: relative;
    width: 100%;
}
.allClientNewList div{
    float: left;
}
.clientListWidth{
    position: relative;
    width: 240px;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right:30px ;
    margin-bottom: 20px;
}
.machineListAction{
    position: absolute;
    right: 0;
    top: -1px;
}
.clientListWidth label{
    width: 180px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.clientListWidth .clientListLabel input{
    margin-top: 4px;
    margin-right: 8px;
}
.clientLsitCont{
    position: relative;
    display: flex;
}
.alertMachinesList{
    width: 100%;
    min-width: 838px;
    bottom: -30px;
    left: 0;
    position: absolute;
    margin-top: 40px;
    padding: 20px;
    padding-bottom: 10px;
    background-color: #ccc;
    z-index: 999;
}
.clientMachinesListWidth{
    width: 150px;
    height: 20px;
    margin-bottom: 30px;
    position: relative;
}
.mahcineName{
 padding: 0 5px;
 position: absolute;
 z-index: 999;
 background-color: #fff;
 width: 140px;
 height: 30px;
 line-height: 30px;
 text-align: center;
 left: 16px;
 top: 22px;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 border-radius: 10px;
 box-shadow:0 0 5px #ccc;
}
.alertMachineList{
    display: inline-block;
    width: 5px;
    height: 5px;
    border: 1px solid;
    border-left: none;
    border-bottom: none;
    transform: rotate(45deg);
    transition: 1s linear;
}
.clientListdiv{
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-radius: 10px;
}
.lang-list{
    display: inline-block;
    height: 30px;
    line-height: 30px;
    width: 80px;
    border: 1px solid #999;
    text-align: center;
    border-radius: 5px;
    margin-right: 5px;
}
.lang-list-active{
    background-color: #25A9E0;
    color: #fff;
    border:none;
}
.masterKioskVersion textarea {
    width: 4rem;
    height: 0.8rem;
    max-width: 95%;
    max-height: 1.8rem;
    min-width: 3rem;
    min-height: 0.5rem;
    overflow-y: auto;
}

.masterCreateReport .left_title {
    width: 15%;
}

.form-control-textarea {
    width: 3rem;
    min-width: 1rem;
    max-width: 6rem;
    min-height: 0.5rem;
    max-height: 1.5rem;
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 0.06rem;
}

.text-point {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 4rem;
}

.masterKioskVersion .left_title {
    width: 25%;

}

.masterKioskVersion .right_content {
    width: 75%;
    line-height: 0.3rem;
}


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

.handleTitle {
    height: 0.3rem;
    line-height: 0.3rem;
    color: #fff;
    background-color: #4b8df8;
    padding: 0 0.1rem;
}

.addBtn {
    width: 30px;
    height: 30px;
    background-color: #aeaeae;
    color: #fff;
    margin: 10px auto;
    border-radius: 100%;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
}

.addBtn span {
    margin-left: 2px;
}

.addItem li {
    width: 8rem;
    border: 1px solid #bfbfbf;
    padding: 15px 20px 20px;
    margin: 15px;
}

.masterApi .left_title {
    width: 35%;
}

.masterApi .right_content {
    width: 65%;
}

.whiteList {
    overflow: hidden;
}

.whiteList li {
    display: inline-block;
    width: 25%;
    border: 1px solid orange;
    margin: 0 2% 15px 0;
    padding-left: 10px;
    line-height: 40px;
    border-radius: 5px;
}

.whiteList li span:last-child {
    float: right;
    height: 30px;
    line-height: 30px;
    margin: 5px;
    background-color: orange;
    color: #fff;
    padding: 0 5px;
    border-radius: 3px;
    cursor: pointer;
}

.masterAllClient .nav-tabs>li>a,
.masterAllClient a {
    color: #0d638f;
}

.masterAllClient .nav-tabs>li.active>a {
    color: #555;
}

.payment-name {
    height: 32px;
    line-height: 32px;
    padding-left: 15px;
    color: #fff;
    font-weight: bold;
}

.payment-intro {
    padding: 10px 20px;
    line-height: 30px;
}

.payment-intro td {
    line-height: 35px;
    font-size: 13px;
    padding-bottom: 5px;
}

.payment-intro input[type=file] {
    line-height: 24px;
}

.payment-intro label input[type=radio] {
    margin: 12px 5px 0 0;
}

.add_receive td {
    padding-bottom: 15px;
}

.note-area {
    min-width: 200px;
    min-height: 50px;
    max-width: 400px;
    max-height: 150px;
}

.real-time {
    font-family: "微软雅黑", Arial;
    color: #565C70;
}

#map_canvas {
    height: 100%;
}

.div_info {
    width: 800px;
    height: 300px;
    position: absolute;
    top: 30px;
    left: 60px;
}

.div_info>div {
    margin-top: 40px;
    height: 70px
}

.real-time .title {
    font-size: 18px;
    line-height: 24px
}

.real-time .title img {
    float: left;
    width: 18px;
    height: 18px;
    margin: 3px 8px 0 0;
}

.real-time .content {
    font-size: 48px;
    font-weight: bold;
    font-family: Arial;
}

.real-time .new {
    font-size: 28px;
    color: #fe5d5d;
    font-weight: bold
}


.masterOrderTrading label select {
    width: 1.5rem !important;
}

.show-machine-list {
    width: 60%;
}

.show-machine-list label {
    width: 1rem;
    padding: 0.05rem 0;
}

.wechat-box img {
    max-width: 100%;
}

.wechat-box .title {
    margin-top: 0.1rem;
}

.wc-config-title {
    background-color: #5cb85c;
    color: #fff;
    padding: 0.1rem 0.15rem;
    font-weight: bold;
}

.wc-config-title i {
    float: right;
    padding: 0 0.05rem;
}

.wc-menu {
    border: 1px solid #bfbfbf;
    min-height: 4rem;
    padding: 0.25rem;
}

.wc-menu>li {
    font-weight: bold;
    margin-bottom: 0.2rem;
    color: #333;
}

.wc-menu>li>div {
    background-color: #eee;
    border-radius: 3px 3px 0 0;
    border: 1px solid #bfbfbf;
    border-bottom: 0;
    padding: 0.1rem 0.2rem
}

.wc-menu ul {
    padding: 0.2rem;
    border: 1px solid #bfbfbf;
}

.wc-menu ul li {
    font-weight: normal;
    padding: 0.05rem 0
}

.hostMachines label input[type=checkbox] {
    margin-top: 0.08rem;
}

.kerwords-ul {
    width: 200px;
    min-height: 0.3rem;
}

.kerwords-ul li {
    display: inline-block;
    border: 1px solid orange;
    padding: 0.05rem 0.1rem;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-right: 0.05rem;
    margin-bottom: 0.05rem;

}

.kerwords-ul li .glyphicon {
    padding: 0.02rem;
    color: #fff;
    background-color: orange;
    margin-left: 0.05rem;
}

.wc-reply .form-control-textarea {
    vertical-align: middle;
}

.edit-machine-config,
.jump-machine-config {
    width: 100%;
    height: 100%;
    min-height: 0.15rem;
}

.edit-machine-config .font-color-orange,
.jump-machine-config .font-color-orange {
    float: right;
    display: none;
    margin-right: 0.1rem;
    color: orange !important;
}

.edit-machine-config:hover .font-color-orange,
.jump-machine-config:hover .font-color-orange {
    display: block;
}

.edit-machine-config .glyphicon {
    margin-left: 0.05rem;
}

.modal .left_title {
    width: 25%;
}

.modal .right_content {
    width: 75%;
}

.instruction_configuration_table {
    margin: 20px 0 0 0;
    width: 90%;
    text-align: center;
}

.instruction_configuration_table tr {
    width: 90%;
}

.instruction_configuration_table td {
    width: 50px;
    line-height: 30px;
}
@font-face{font-family:"PMingLiU-zhTW";src:url(../../fonts/PMingLiu-TW.ttf)}.zh-tw-fam{font-family:PMingLiU-ExtB,PMingLiU-zhTW !important}.zh-tw-fam .ui-widget{font-family:PMingLiU-ExtB,PMingLiU-zhTW !important}.jp-font-fam .ui-widget{font-family:"Yu Gothic UI" !important}.zh-tw-fam select{font-family:MingLiU_HKSCS-ExtB !important}.iceboxInfo div{display:flex;justify-content:space-between;border-bottom:1px solid #c1c1c1;padding:20px 20px 20px 0;margin-left:20px;font-size:.36rem;color:#333}.iceboxInfo .hide-btn{position:absolute;bottom:0;right:0;width:150px;height:150px}.icebox{position:absolute;top:0;bottom:0;width:100%;font-family:"Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontAwesome,sans-serif;font-weight:400;line-height:1.6;color:#333;height:100%}.icebox .top-title{background-color:#0e90d2;display:flex;justify-content:center;color:#fff;height:50px;line-height:50px;font-size:20px}.icebox .error-tips{display:flex;color:red;padding:20px 0;justify-content:center;font-size:16px}.icebox .open_door{height:100%;background-color:#f3f3f3}.icebox .open_door .open_door_img{display:flex;justify-content:center;align-items:center;height:55%}.icebox .open_door .open_door_img img{max-width:100%}.icebox .open_door .open_door_btn{display:flex;width:2.73rem;height:2.73rem;border-radius:100%;margin:0 auto;color:#fff;font-weight:bold;justify-content:center;align-items:center;font-size:20px}.icebox .load_door{display:flex;flex-flow:column;height:100%}.icebox .load_door div{display:flex;flex-flow:column;justify-content:center;text-align:center;height:33%;color:#aaa;font-size:16px;font-weight:bold}.icebox .load_door div img{width:3rem;max-width:100%;margin:0 auto 2%}.icebox .open_door_error{display:flex;align-items:center;justify-content:center;height:100%;background:#fff}.icebox .open_door_error div{display:flex;flex-flow:column;height:100%;width:100%;align-items:center;justify-content:center}.icebox .open_door_error div span{color:#a3a4a5;margin-top:.5rem;font-size:.36rem}.icebox .open_door_error img{max-width:100%}.icebox .handle_complete_animation{height:60%;min-height:400px;margin-top:20%}.icebox .handle_complete_animation div{position:relative;height:100%;width:100%}.icebox .handle_complete_animation div span{position:absolute;font-weight:bold}.icebox .handle_complete_animation div span:nth-child(1){color:pink;left:35%;animation:transSpan1 10s linear infinite;-moz-animation:transSpan1 10s linear infinite;-webkit-animation:transSpan1 10s linear infinite;-o-animation:transSpan1 10s linear infinite}.icebox .handle_complete_animation div span:nth-child(2){color:red;left:45%;animation:transSpan2 10s linear infinite;-moz-animation:transSpan2 10s linear infinite;-webkit-animation:transSpan2 10s linear infinite;-o-animation:transSpan2 10s linear infinite}.icebox .handle_complete_animation div span:nth-child(3){left:5%;animation:transSpan3 18s linear infinite;-moz-animation:transSpan3 18s linear infinite;-webkit-animation:transSpan3 18s linear infinite;-o-animation:transSpan3 18s linear infinite}.icebox .handle_complete_animation div span:nth-child(4){left:15%;animation:transSpan4 12s linear infinite;-moz-animation:transSpan4 12s linear infinite;-webkit-animation:transSpan4 12s linear infinite;-o-animation:transSpan4 12s linear infinite}.icebox .handle_complete_animation div span:nth-child(5){left:30%;color:blue;animation:transSpan5 12s linear infinite;-moz-animation:transSpan5 12s linear infinite;-webkit-animation:transSpan5 12s linear infinite;-o-animation:transSpan5 12s linear infinite}.icebox .handle_complete_animation div span:nth-child(6){left:25%;animation:transSpan6 12s linear infinite;-moz-animation:transSpan6 12s linear infinite;-webkit-animation:transSpan6 12s linear infinite;-o-animation:transSpan6 12s linear infinite}.icebox .handle_complete_animation div span:nth-child(7){left:15%;color:red;animation:transSpan7 16s linear infinite;-moz-animation:transSpan7 16s linear infinite;-webkit-animation:transSpan7 16s linear infinite;-o-animation:transSpan7 16s linear infinite}.icebox .handle_complete_animation div span:nth-child(8){left:8%;color:orange;animation:transSpan8 12s linear infinite;-moz-animation:transSpan8 12s linear infinite;-webkit-animation:transSpan8 12s linear infinite;-o-animation:transSpan8 12s linear infinite}.icebox .handle_complete_animation div span:nth-child(9){left:35%;color:purple;animation:transSpan9 11s linear infinite;-moz-animation:transSpan9 11s linear infinite;-webkit-animation:transSpan9 11s linear infinite;-o-animation:transSpan9 11s linear infinite}.icebox .handle_complete_animation div span:nth-child(10){left:75%;color:red;animation:transSpan10 17s linear infinite;-moz-animation:transSpan10 17s linear infinite;-webkit-animation:transSpan10 17s linear infinite;-o-animation:transSpan10 17s linear infinite}.icebox .handle_complete_animation div span:nth-child(11){left:50%;animation:transSpan11 17s linear infinite;-moz-animation:transSpan11 17s linear infinite;-webkit-animation:transSpan11 17s linear infinite;-o-animation:transSpan11 17s linear infinite}.icebox .handle_complete_animation div span:nth-child(12){left:65%;color:blue;animation:transSpan12 10s linear infinite;-moz-animation:transSpan12 10s linear infinite;-webkit-animation:transSpan12 10s linear infinite;-o-animation:transSpan12 10s linear infinite}.icebox .handle_complete_animation div span:nth-child(13){left:80%;animation:transSpan13 17s linear infinite;-moz-animation:transSpan13 17s linear infinite;-webkit-animation:transSpan13 17s linear infinite;-o-animation:transSpan13 17s linear infinite}.icebox .handle_complete_animation div span:nth-child(14){left:75%;color:purple;animation:transSpan14 14s linear infinite;-moz-animation:transSpan14 14s linear infinite;-webkit-animation:transSpan14 14s linear infinite;-o-animation:transSpan14 14s linear infinite}.icebox .handle_complete_animation div span:nth-child(15){left:55%;color:blue;animation:transSpan15 12s linear infinite;-moz-animation:transSpan15 12s linear infinite;-webkit-animation:transSpan15 12s linear infinite;-o-animation:transSpan15 12s linear infinite}.icebox .handle_complete_animation div span:nth-child(16){left:85%;animation:transSpan16 17s linear infinite;-moz-animation:transSpan16 17s linear infinite;-webkit-animation:transSpan16 17s linear infinite;-o-animation:transSpan16 17s linear infinite}.icebox .handle_complete_animation div span:nth-child(17){left:10%;color:blue;animation:transSpan17 17s linear infinite;-moz-animation:transSpan17 17s linear infinite;-webkit-animation:transSpan17 17s linear infinite;-o-animation:transSpan17 17s linear infinite}.icebox .handle_complete_animation div span:nth-child(18){left:70%;animation:transSpan18 24s linear infinite;-moz-animation:transSpan18 24s linear infinite;-webkit-animation:transSpan18 24s linear infinite;-o-animation:transSpan18 24s linear infinite}.icebox .shopping-load-detail{font-size:.26rem;height:100%}.icebox .shopping-load-detail div.base-info{padding:10px 0;border-bottom:1px solid #bfbfbf}.icebox .shopping-load-detail div.base-info div{display:flex;justify-content:space-around;padding:10px;line-height:.5rem}.icebox .shopping-load-detail div.base-info div span{display:flex}.icebox .shopping-load-detail div.base-info div span:first-child{width:40%;justify-content:flex-start;color:#7a7a7a}.icebox .shopping-load-detail div.base-info div span:last-child{width:70%;flex-flow:row wrap}.icebox .shopping-load-detail div.items-info{padding:10px 0;border-bottom:1px solid #bfbfbf}.icebox .shopping-load-detail div.order-total{color:#7a7a7a;padding:10px 0}.icebox .shopping-load-detail div.order-total div{display:flex;justify-content:flex-end;padding:10px;line-height:.5rem}.icebox .shopping-load-detail div.order-total div:last-child{border-top:1px solid #bfbfbf;padding-top:10px;margin-top:10px;color:#000}.wc-bg{background-color:#45be1b !important;color:#fff}.ali-bg{background-color:#4a8ee0 !important;color:#fff}.reset-config #confirmBox button{padding:.05rem .12rem;font-size:.3rem;display:inline-block;margin-bottom:0;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}.info-rest div{display:flex;flex-flow:column;width:75%;margin:30px auto 0;font-size:22px}.info-rest div input[type=password]{border:1px solid #bfbfbf;font-weight:normal;border-radius:5px;padding:5px 10px}.info-rest div .border-e02222{border:1px solid #e02222 !important}.info-rest div button{margin-top:30px;background-color:#c1c1c1;border:none;color:#fff;border-radius:5px;padding:5px 10px}.interfaceTips{background-color:#3d3d3d;min-height:100%;font-size:.13rem}.interfaceTips .tip-container{background-color:#fff;padding:.8rem .3rem}.interfaceTips .tip-container h1{font-size:.3rem;color:#666;font-weight:300;margin-bottom:.2rem}.interfaceTips .tip-container h4{font-weight:300;margin:.1rem 0}.interfaceTips .tip-container .tab-content{padding:.2rem 0}.interfaceTips .tip-container .tab-content .format-tool .layout-frame{width:3.5rem;margin-top:.1rem}.interfaceTips .tip-container .tab-content .format-tool .layout-frame .frame-logo{height:.5rem;line-height:.5rem;text-align:center;border:1px solid #7a7a7a}.interfaceTips .tip-container .tab-content .format-tool .layout-frame .frame-ad{height:4rem;line-height:4rem;text-align:center;border:1px solid #7a7a7a;border-top:0;margin-bottom:.07rem}.interfaceTips .tip-container .tab-content .format-tool .layout-frame .frame-content{display:flex;flex-flow:row nowrap}.interfaceTips .tip-container .tab-content .format-tool .layout-frame .frame-content .frame-left{width:32%}.interfaceTips .tip-container .tab-content .format-tool .layout-frame .frame-content .frame-left div{display:flex;flex-flow:column nowrap;border:1px solid #7a7a7a;height:50px;justify-content:center;align-self:center;text-align:center}.interfaceTips .tip-container .tab-content .format-tool .layout-frame .frame-content .frame-left div:last-child{margin-top:.07rem}.interfaceTips .tip-container .tab-content .format-tool .layout-frame .frame-content .frame-left div span{color:red}.interfaceTips .tip-container .tab-content .format-tool .layout-frame .frame-content .frame-middle{display:flex;flex-flow:column nowrap;width:32%;height:1.07rem;border:1px solid #7a7a7a;margin:0 2%;justify-content:center;align-self:center;text-align:center}.interfaceTips .tip-container .tab-content .format-tool .layout-frame .frame-content .frame-middle span{color:red}.interfaceTips .tip-container .tab-content .format-tool .layout-frame .frame-content .frame-right{width:32%}.interfaceTips .tip-container .tab-content .format-tool .layout-frame .frame-content .frame-right div{display:flex;height:50px;text-align:center;justify-content:center;align-self:center}.interfaceTips .tip-container .tab-content .format-tool .layout-frame .frame-content .frame-right div span{color:red}.interfaceTips .tip-container .tab-content .format-tool .layout-frame .frame-content .frame-right .item-div{flex-flow:column nowrap;border:1px solid #7a7a7a}.interfaceTips .tip-container .tab-content .format-tool .layout-frame .frame-content .frame-right .help-div{flex-flow:row nowrap;margin-top:.07rem}.interfaceTips .tip-container .tab-content .format-tool .layout-frame .frame-content .frame-right .help-div div{flex:1 1 50%;flex-flow:column nowrap;border:1px solid #7a7a7a}.interfaceTips .tip-container .tab-content .format-tool .layout-frame .frame-content .frame-right .help-div div:last-child{margin-left:.07rem}.interfaceTips .tip-container .tab-content .format-tool label{display:block;margin:.1rem 0}.interfaceTips .tip-container .tab-content .format-tool .color-box{margin:.2rem 0}.interfaceTips .tip-container .tab-content .component-description table tr td:first-child{vertical-align:middle}.interfaceTips .tip-container .tab-content .instructions .instructions-title{margin-bottom:.2rem;color:#333;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05);padding:.1rem .15rem;font-size:.16rem}.interfaceTips .tip-container .tab-content .instructions .instructions-title span{font-size:.2rem;color:#999}.interfaceTips .tip-container .tab-content .instructions .instructions-content{display:none}.interfaceTips .tip-container .tab-content .instructions .instructions-content img.tips-img{width:2.75rem;height:4.5rem;border:1px solid #a0a0a0}.interfaceTips .tip-container .tab-content .instructions .instructions-content img.qr-img{width:2.75rem;height:4.5rem}.interfaceTips .tip-container .tab-content .instructions .instructions-content ul li h5{color:#000;font-size:.19rem;font-weight:700}.interfaceTips .tip-container .tab-content .instructions .instructions-content ul li div{margin:.1rem 0;line-height:.3rem}.interfaceTips .tip-container .tab-content p{line-height:.3rem}@keyframes transSpan1{0%{top:50%;font-size:16px;opacity:1;transition:top 3s,font-size 3s,opacity 1s}25%{top:0;font-size:28px;opacity:0;transition:top 3s,font-size 3s,opacity 1s}50%{top:50%;font-size:24px;opacity:1;transition:top 3s,font-size 3s,opacity 1s}75%{top:100%;font-size:18px;opacity:0;transition:top 3s,font-size 3s,opacity 1s}100%{top:50%;font-size:16px;opacity:1;transition:top 3s,font-size 3s,opacity 1s}}@keyframes transSpan2{0%{top:30%;font-size:16px;opacity:0;transition:top 3s,font-size 2s,opacity 1s}25%{top:50%;font-size:20px;opacity:1;transition:top 3s,font-size 2s,opacity 1s}50%{top:100%;font-size:16px;opacity:0;transition:top 3s,font-size 2s,opacity 1s}75%{top:50%;font-size:20px;opacity:1;transition:top 3s,font-size 2s,opacity 1s}100%{top:30%;font-size:16px;opacity:0;transition:top 3s,font-size 2s,opacity 1s}}@keyframes transSpan3{0%{top:25%;font-size:12px;opacity:0;transition:top 3s,font-size 2s,opacity 1s}25%{top:50%;font-size:14px;opacity:1;transition:top 3s,font-size 2s,opacity 1s}50%{top:100%;font-size:16px;opacity:0;transition:top 3s,font-size 2s,opacity 1s}75%{top:50%;font-size:14px;opacity:1;transition:top 3s,font-size 2s,opacity 1s}100%{top:25%;font-size:12px;opacity:0;transition:top 3s,font-size 2s,opacity 1s}}@keyframes transSpan4{0%{top:45%;font-size:12px;opacity:1;transition:top 3s,font-size 2s,opacity 1s}25%{top:100%;font-size:14px;opacity:0;transition:top 3s,font-size 2s,opacity 1s}50%{top:50%;font-size:16px;opacity:1;transition:top 3s,font-size 2s,opacity 1s}75%{top:0;font-size:14px;opacity:0;transition:top 3s,font-size 2s,opacity 1s}100%{top:45%;font-size:12px;opacity:1;transition:top 3s,font-size 2s,opacity 1s}}@keyframes transSpan5{0%{top:50%;font-size:24px;opacity:1;transition:top 3s,font-size 2s,opacity 1s}25%{top:100%;font-size:14px;opacity:0;transition:top 3s,font-size 2s,opacity 1s}50%{top:50%;font-size:24px;opacity:1;transition:top 3s,font-size 2s,opacity 1s}75%{top:0;font-size:14px;opacity:0;transition:top 3s,font-size 2s,opacity 1s}100%{top:50%;font-size:24px;opacity:1;transition:top 3s,font-size 2s,opacity 1s}}@keyframes transSpan6{0%{top:70%;font-size:16px;opacity:0;transition:top 3s,font-size 2s,opacity 1s}25%{top:50%;font-size:12px;opacity:1;transition:top 3s,font-size 2s,opacity 1s}50%{top:0;font-size:18px;opacity:0;transition:top 3s,font-size 2s,opacity 1s}75%{top:50%;font-size:12px;opacity:1;transition:top 3s,font-size 2s,opacity 1s}100%{top:70%;font-size:16px;opacity:0;transition:top 3s,font-size 2s,opacity 1s}}@keyframes transSpan7{0%{top:50%;font-size:14px;opacity:1;transition:top 3s,font-size 2s,opacity 1s}25%{top:0;font-size:12px;opacity:0;transition:top 3s,font-size 2s,opacity 1s}50%{top:50%;font-size:16px;opacity:1;transition:top 3s,font-size 2s,opacity 1s}75%{top:100%;font-size:12px;opacity:0;transition:top 3s,font-size 2s,opacity 1s}100%{top:50%;font-size:14px;opacity:1;transition:top 3s,font-size 2s,opacity 1s}}@keyframes transSpan8{0%{top:20%;font-size:14px;opacity:0;transition:top 3s,font-size 2s,opacity 1s}25%{top:50%;font-size:12px;opacity:1;transition:top 3s,font-size 2s,opacity 1s}50%{top:80%;font-size:16px;opacity:0;transition:top 3s,font-size 2s,opacity 1s}75%{top:50%;font-size:12px;opacity:1;transition:top 3s,font-size 2s,opacity 1s}100%{top:20%;font-size:14px;opacity:0;transition:top 3s,font-size 2s,opacity 1s}}@keyframes transSpan9{0%{top:100%;font-size:14px;opacity:0;transition:top 3s,font-size 2s,opacity 1s}25%{top:50%;font-size:12px;opacity:1;transition:top 3s,font-size 2s,opacity 1s}50%{top:0;font-size:16px;opacity:0;transition:top 3s,font-size 2s,opacity 1s}75%{top:50%;font-size:12px;opacity:1;transition:top 3s,font-size 2s,opacity 1s}100%{top:100%;font-size:14px;opacity:0;transition:top 3s,font-size 2s,opacity 1s}}@keyframes transSpan10{0%{top:0;font-size:18px;opacity:0;transition:top 3s,font-size 2s,opacity 1s}25%{top:50%;font-size:12px;opacity:1;transition:top 3s,font-size 2s,opacity 1s}50%{top:100%;font-size:18px;opacity:0;transition:top 3s,font-size 2s,opacity 1s}75%{top:50%;font-size:12px;opacity:1;transition:top 3s,font-size 2s,opacity 1s}100%{top:0;font-size:18px;opacity:0;transition:top 3s,font-size 2s,opacity 1s}}@keyframes transSpan11{0%{top:50%;font-size:16px;opacity:1;transition:top 3s,font-size 2s,opacity 1s}25%{top:0;font-size:12px;opacity:0;transition:top 3s,font-size 2s,opacity 1s}50%{top:50%;font-size:24px;opacity:1;transition:top 3s,font-size 3s,opacity 1s}75%{top:100%;font-size:12px;opacity:0;transition:top 3s,font-size 3s,opacity 1s}100%{top:50%;font-size:16px;opacity:1;transition:top 3s,font-size 3s,opacity 1s}}@keyframes transSpan12{0%{top:25%;font-size:12px;opacity:0;transition:top 3s,font-size 3s,opacity 1s}25%{top:50%;font-size:16px;opacity:1;transition:top 3s,font-size 3s,opacity 1s}50%{top:75%;font-size:14px;opacity:0;transition:top 3s,font-size 3s,opacity 1s}75%{top:50%;font-size:16px;opacity:1;transition:top 3s,font-size 3s,opacity 1s}100%{top:25%;font-size:12px;opacity:0;transition:top 3s,font-size 3s,opacity 1s}}@keyframes transSpan13{0%{top:25%;font-size:12px;opacity:.5;transition:top 3s,font-size 3s,opacity 1s}25%{top:0;font-size:14px;opacity:0;transition:top 3s,font-size 3s,opacity 1s}50%{top:25%;font-size:16px;opacity:.5;transition:top 3s,font-size 3s,opacity 1s}75%{top:50%;font-size:14px;opacity:1;transition:top 3s,font-size 3s,opacity 1s}100%{top:25%;font-size:12px;opacity:.5;transition:top 3s,font-size 3s,opacity 1s}}@keyframes transSpan14{0%{top:45%;font-size:12px;opacity:1;transition:top 3s,font-size 3s,opacity 1s}25%{top:100%;font-size:14px;opacity:0;transition:top 3s,font-size 3s,opacity 1s}50%{top:50%;font-size:16px;opacity:1;transition:top 3s,font-size 3s,opacity 1s}75%{top:0;font-size:14px;opacity:0;transition:top 3s,font-size 3s,opacity 1s}100%{top:45%;font-size:12px;opacity:1;transition:top 3s,font-size 3s,opacity 1s}}@keyframes transSpan15{0%{top:90%;font-size:24px;opacity:0;transition:top 3s,font-size 3s,opacity 1s}25%{top:50%;font-size:14px;opacity:1;transition:top 3s,font-size 3s,opacity 1s}50%{top:10%;font-size:24px;opacity:0;transition:top 3s,font-size 3s,opacity 1s}75%{top:50%;font-size:14px;opacity:1;transition:top 3s,font-size 3s,opacity 1s}100%{top:90%;font-size:24px;opacity:0;transition:top 3s,font-size 3s,opacity 1s}}@keyframes transSpan16{0%{top:70%;font-size:16px;opacity:.3;transition:top 3s,font-size 3s,opacity 1s}25%{top:100%;font-size:12px;opacity:0;transition:top 3s,font-size 3s,opacity 1s}50%{top:50%;font-size:18px;opacity:1;transition:top 3s,font-size 3s,opacity 1s}75%{top:0;font-size:12px;opacity:0;transition:top 3s,font-size 3s,opacity 1s}100%{top:70%;font-size:16px;opacity:.3;transition:top 3s,font-size 3s,opacity 1s}}@keyframes transSpan17{0%{top:90%;font-size:24px;opacity:0;transition:top 3s,font-size 3s,opacity 1s}25%{top:50%;font-size:14px;opacity:1;transition:top 3s,font-size 3s,opacity 1s}50%{top:10%;font-size:24px;opacity:0;transition:top 3s,font-size 3s,opacity 1s}75%{top:50%;font-size:14px;opacity:1;transition:top 3s,font-size 3s,opacity 1s}100%{top:90%;font-size:24px;opacity:0;transition:top 3s,font-size 3s,opacity 1s}}@keyframes transSpan18{0%{top:35%;font-size:14px;opacity:.7;transition:top 3s,font-size 3s,opacity 1s}25%{top:100%;font-size:12px;opacity:0;transition:top 3s,font-size 3s,opacity 1s}50%{top:50%;font-size:16px;opacity:1;transition:top 3s,font-size 3s,opacity 1s}75%{top:0;font-size:12px;opacity:0;transition:top 3s,font-size 3s,opacity 1s}100%{top:35%;font-size:14px;opacity:.7;transition:top 3s,font-size 3s,opacity 1s}}.survey ul li .survey-question{padding:.15rem .3rem;color:#626262;font-size:.36rem;background-color:#f5f5f5;box-shadow:5px 0 5px rgba(0,0,0,.2)}.survey ul li .survey-answer{padding:.15rem .3rem}.survey ul li .survey-answer li:last-child label{border-bottom:0}.survey ul li .survey-answer li label{display:block;padding:.15rem .2rem .15rem 0;border-bottom:1px solid #bfbfbf;font-size:.36rem}.survey ul li .survey-answer li label input[type=radio]{width:.32rem;height:.32rem;margin-top:.08rem}.survey ul li .survey-answer li label input[type=checkbox]{width:.32rem;height:.32rem;margin-top:.08rem}.survey ul li .survey-answer li label img{display:block;width:auto;max-height:2rem;max-width:4rem;margin-top:10px}.survey ul li table{width:90%;margin:.1rem .3rem}.survey ul li table td{padding:.1rem;font-size:.36rem}.survey ul li table td label{display:block;margin-right:.1rem}.survey ul li table td label input[type=radio]{width:.32rem;height:.32rem}.survey ul li button{width:60%;margin:20px auto;height:1rem !important;line-height:1rem !important;font-size:.36rem !important}.survey .have-submit{color:#333;padding:10px 30px;font-size:.52rem;text-align:center;position:absolute;width:100%;top:50%;transform:translateY(-50%)}.ui-th-ltr,.ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr{background:#4b8df8;color:#fff}.ui-jqgrid .ui-jqgrid-resize-ltr{height:30px !important;margin-right:-4px;width:5px}.ui-jqgrid .ui-jqgrid-pager{background:#ebf7fb;height:40px;line-height:40px}.ui-jqgrid .ui-paging-info{height:30px;line-height:30px;margin:0 10px 0 0}.ui-jqgrid .ui-jqgrid-bdiv{margin-top:-2px}.ui-jqgrid .ui-jqgrid-bdiv > div{margin-left:-1px}.ui-jqgrid .ui-jqgrid-pager input.ui-pg-input{height:20px;line-height:20px}.img-4-3{max-width:4rem;max-height:3rem}.slot-name{display:inline-block;vertical-align:text-top;max-width:3.25rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.goodsList1{display:inline-block;position:relative}.goodsList1 ul{position:absolute;max-height:1.8rem;overflow-y:auto;background-color:#fff;box-shadow:0 1px 8px rgba(0,0,0,.1);font-family:"Segoe UI",Helvetica,Arial,sans-serif;border:1px solid #ddd;line-height:.3rem;z-index:5}.goodsList1 ul li{text-align:left;padding:0 .1rem;margin:.1rem 0}.width-8rem{width:8rem}.ui-pager-control .ui-icon{background-image:url(../../img/common/ui-icons_222222_256x240.png)}.ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon{display:none}.tablediv{margin:10px}.tablediv .ui-widget-content{border-bottom:0}.ui-jqgrid .ui-pg-selbox{height:20px;line-height:20px}.ui-jqgrid .ui-jqgrid-pager .ui-pg-button{border:1px solid #ebf7fb;margin:3px;padding:0}.ui-jqgrid .ui-pg-table td{padding:0 1px}.ui-timepicker-div .ui-widget-header{margin-bottom:8px}.ui-timepicker-div dl{text-align:left}.ui-timepicker-div dl dt{float:left;clear:left;padding:0 0 0 5px}.ui-timepicker-div dl dd{margin:0 10px 10px 40%}.ui-timepicker-div td{font-size:90%}.ui-tpicker-grid-label{background:none;border:none;margin:0;padding:0}.ui-timepicker-div .ui_tpicker_unit_hide{display:none}.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input{background:none;color:inherit;border:none;outline:none;width:95%}.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus{border-bottom-color:#aaa}.ui-timepicker-rtl{direction:rtl}.ui-timepicker-rtl dl{text-align:right;padding:0 5px 0 0}.ui-timepicker-rtl dl dt{float:right;clear:right}.ui-timepicker-rtl dl dd{margin:0 40% 10px 10px}.ui-timepicker-div.ui-timepicker-oneLine{padding-right:2px}.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time,.ui-timepicker-div.ui-timepicker-oneLine dt{display:none}.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label{display:block;padding-top:2px}.ui-timepicker-div.ui-timepicker-oneLine dl{text-align:right}.ui-timepicker-div.ui-timepicker-oneLine dl dd,.ui-timepicker-div.ui-timepicker-oneLine dl dd > div{display:inline-block;margin:0}.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before{content:":";display:inline-block}.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before{content:".";display:inline-block}.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{display:none}.ui-state-default,.ui-widget-content .ui-state-default{text-align:center}.ui-datepicker{z-index:99999 !important}.ui-datepicker .ui-datepicker-title{color:#222}.ui-datepicker .ui-datepicker-buttonpane button{padding:0 .6em;background-image:none !important;background-color:#35aa47 !important;border-color:#35aa47 !important;color:#fff}.ui-datepicker .ui-datepicker-header{background:#e0e0e0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{height:20px;margin-top:-7px}.ui-datepicker-calendar td .ui-state-default{line-height:26px}.img-404{width:320px;margin:0 auto 0;height:170px;text-align:center;padding-top:350px}.img-404 .tips-404{float:right}.verify_error{display:flex;align-items:center;justify-content:center;height:100%}.verify_error img{width:50%}.video-preview-img{color:#0d638f;cursor:pointer}.video-preview-img img{display:none}.video-preview-img:hover{text-decoration:underline}.video-preview-img:hover img{display:block;position:fixed;left:-50%}.preview-item{display:flex;flex-flow:column nowrap;width:25%;flex:1 1 auto;margin-right:.2rem;align-content:space-between;border-radius:0 0 3px 3px;background-color:#f7f7f7}.preview-item:nth-child(4n){margin-right:0}.preview-item-title{display:flex;padding:.1rem;justify-content:space-between;align-items:center;height:.5rem}.preview-item-data{display:flex;padding:0 .1rem .1rem;justify-content:space-between;align-items:center;font-size:.22rem}.preview-item-data div span:hover{text-decoration:underline}.preview-item-data div{justify-content:flex-end;display:flex;flex-flow:wrap;flex-grow:0;width:80%}.preview-item-data span.item-handle-icon{display:flex;flex-grow:0}.preview-item-data div a{color:#0d638f}.items-info-item{display:flex;flex-flow:column nowrap;justify-content:flex-end}.items-info-item div{display:flex;padding:.2rem 0 0 10%}.items-info-item div span{display:flex;flex:0 0 auto}.items-info-item div span:first-child{width:30%;flex-flow:column nowrap}.items-info-item div span:last-child{width:70%;flex-flow:column wrap}body{padding-right:0 !important}.charge-count{padding:.2rem .15rem .5rem;font-size:.16rem}.charge-count h2.page-title{padding:0 0 .2rem 0;margin:0;font-size:.3rem;display:block;color:#333;font-weight:300;border-bottom:1px solid #bfbfbf}.account-base-info{width:96%;margin:0 auto;color:#333}.flex-row{display:flex;flex-flow:row nowrap}.flex-50{display:flex;width:50%;flex:1 1 auto;align-items:center}.flex-33{display:flex;width:33%;flex:1 1 auto}.flex-x-c{justify-content:center}.flex-x-end{justify-content:flex-end}.flex-25{display:flex;width:25%;flex:1 1 auto}.balance-warn-box{border:1px solid #bfbfbf;padding:.05rem .5rem}.flex-col{flex-flow:column nowrap}.border-bottom-line{border-bottom:1px dotted #bfbfbf;padding-bottom:.2rem;margin-bottom:.2rem}.click-blue-ele{color:#169bd5;cursor:pointer}.flex-75{display:flex;width:75%;flex:1 1 auto}.flex-15{display:flex;width:15%;flex:1 1 auto}.flex-85{display:flex;width:85%;flex:1 1 auto}.margin-left-50{margin-left:.5rem}.line-height-30{line-height:.3rem}.custom-chart{width:100%;height:4rem}.payment-select ul{display:block;margin:.2rem 0}.payment-select ul li{float:left;width:3rem;border-radius:5px;position:relative;margin-right:.2rem}.payment-select ul li > div{position:relative;border:1px solid #bfbfbf;border-radius:5px;padding:.05rem .1rem;text-align:center;line-height:.3rem;z-index:1}.payment-select ul li.selected > div{border:1px solid #4d90fe}.payment-select ul li div img{width:.3rem;height:auto;margin-top:-2px}.payment-select ul li .payment-select-coin{display:none;position:absolute;width:.16rem;height:.16rem;bottom:-0.05rem;right:-0.05rem;border-radius:100%;z-index:10;background-color:#fff}.payment-select ul li.selected .payment-select-coin{display:block}.payment-tips-box{border:1px solid #ccc;width:5rem;height:1.5rem;background:inherit;background-color:#f2f2f2;flex-flow:column;line-height:.36rem;padding:.2rem}.switchBtnBox{position:relative;width:50px;height:24px;background:#dcdfe6;margin-left:.2rem;border-radius:.12rem;cursor:pointer}.switchBtnBox i{position:absolute;top:1px;left:1px;background-color:#fff;height:22px;width:22px;border-radius:100%}.switchRight{animation:slideRight1 .5s;-moz-animation:slideRight1 .5s;-webkit-animation:slideRight1 .5s;-o-animation:slideRight1 .5s}.switchBtnBox i.switchRight{left:27px}.switchLeft{animation:slideLeft1 .5s;-moz-animation:slideLeft1 .5s;-webkit-animation:slideLeft1 .5s;-o-animation:slideLeft1 .5s}.bg-green{background:#86db49 !important}.switchBtnBox i.switchLeft{left:1px}@keyframes slideRight1{0%{left:1px}100%{left:27px}}@keyframes slideLeft1{0%{left:27px}100%{left:1px}}.open-account-btn{float:right;font-weight:300;color:#25a9e0;font-size:.2rem;line-height:.5rem;cursor:pointer}/*# sourceMappingURL=box.css.map */

.marketing-config{width:100%;height:100%;background:#f7f7f7}.marketing-config .row-config{background-color:#fff;padding:30px}.marketing-config .row-title{font-size:20px;color:#17181a}.marketing-config .input-text{display:inline-block;line-height:28px;background:#dbe5e8;color:#17181a;padding:0 5px;border:1px solid #ccc;border-left:none;border-right:none;max-width:175px}.marketing-config .custom-input{margin-left:-5px;border-radius:0}.marketing-config .left_title{min-width:300px;width:25%}.marketing-config .right_content{width:70%;display:flex}.marketing-config .title-tips{position:relative}.marketing-config .tips-box{position:absolute;left:-3px;top:15px;width:300px;z-index:999;display:none}.marketing-config .tips-arrow{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid rgba(0,0,0,.75)}.marketing-config .tips-content{position:absolute;left:-60px;background:rgba(0,0,0,.75);color:#ccc;font-size:12px;padding:8px;line-height:20px;word-spacing:-6px}.marketing-config .upload-box-img{border:1px dashed #ccc;display:flex;justify-content:center;align-items:center}.marketing-config .upload-box-img img{width:100%;height:auto;max-height:100%}.marketing-config .upload-box-img .upload-close{width:20px;height:20px;position:absolute;top:-10px;right:-10px}.marketing-config .upload-box-img .upload-close img{width:100%;height:100%}.marketing-config .upload-box-img .upload-close:hover{cursor:pointer}.marketing-config .upload-tips{display:flex;align-items:flex-end;font-size:14px;margin-left:20px;color:#17181a}.marketing-config .title-tips:hover .tips-box{display:block;cursor:pointer}.myMachine .content-lable{display:flex;align-items:center;flex-wrap:wrap;max-height:85px;box-sizing:border-box;overflow:hidden}.myMachine .content-lable .content-lable-item{padding:5px 10px;margin-right:10px;font-size:14px;color:#363636;background:#e2edfe;border-radius:15px;margin-bottom:8px;display:flex}.myMachine .content-lable .lable-item-name{display:inline-block;width:85px;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.myMachine .content-lable .content-lable-item:hover{cursor:pointer}.myMachine .content-lable .remove-icon{font-size:10px;color:#666;margin-left:5px}.myMachine .content-lable .content-lable-itemid{padding:5px 10px;margin-right:10px;font-size:14px;color:#363636;background:#fff9de;border-radius:15px;margin-bottom:8px;display:flex}.myMachine .content-lable-active{padding:8px;margin-top:8px;border:1px dashed #ccc}.myMachine .activeClass{color:#363636;background:#e2edfe}.myMachine .defaultClass{color:#363636;background:#fff}.myMachine .content-lable-expend{padding:5px;border:1px dashed #ccc;border-top:none;text-align:center;color:#363636}.myMachine .content-lable-expend:hover{cursor:pointer}/*# sourceMappingURL=client_machine.css.map */

.ad,.marketing{background:#3d3d3d;height:100%;font-size:.14rem}.ad button.float-right{margin-top:0}.ad .black_white_box{padding-bottom:1.2rem}.mes_data table{text-align:center}.mes_data td img{width:auto;height:.5rem;max-width:100%}.mes_data td > div{position:relative}.mes_data td > div:hover .popover{display:block;top:-1.1rem;left:80%;max-width:5.5rem}.mes_data td > div:hover .popover img{width:auto;max-height:2.5rem;max-width:5rem;height:2.5rem}.mes_data tr.ui-row-ltr td:first-child{overflow:inherit}.mes_data .ui-jqgrid-bdiv{overflow:inherit}.ad .select_slideDown{min-width:1.5rem}.edit_img{margin:.1rem}.modal-body .edit_img img{width:1.2rem;height:auto}.change_lan{display:inline-block;padding:.08rem .12rem;background-color:#eee}.ad label input[type=checkbox]{float:left;margin:.04rem .05rem 0 0}.adRelease .padding-lr-8{padding:.08rem .15rem}.adRelease .template_box{width:1.08rem;height:1.92rem;position:relative;padding:2px;margin:.1rem 0;background:#efefef;border:1px solid #ddd}.adRelease .template_box > div{position:absolute;padding:1px;background:#fff;color:#000;border:1px dotted #eca22e;font-size:12px}.select_ad_mes{position:relative;min-height:1.5rem}.select_ad_mes .padding-lr-8{width:50%}.select_ad_mes .ad_img_box{position:absolute;width:42%;height:1rem;border:1px solid #ddd;top:.15rem;right:.15rem;border-radius:.08rem;text-align:center}.select_ad_mes .ad_img_box img{width:auto;height:1rem}.adReport .form-control{padding:.04rem .12rem;height:.3rem}.marketing label input[type=checkbox]{float:left;margin:.04rem .05rem 0 0}.addCoupons input.form-control{height:.3rem}.apply_goods .cancel_all_goods{background-color:#999}.apply_goods > div{padding-right:37px}.apply_goods > div table{margin-bottom:0;width:10rem}.len10{width:calc(100% + 17px) !important}.apply_goods > div table td{word-break:break-all}.apply_goods .table_data{max-height:3rem;width:100%;overflow-y:auto}.promotionRelease .fieldset_box{width:50%;height:100px;color:#9a9da2;line-height:20px;margin-bottom:10px}.promotionRelease .fieldset_box div{padding:0 .2rem .14rem}.promotionRelease .fieldset_box fieldset{border:1px solid #333;border-radius:5px;float:left}.promotionRelease legend{line-height:40px;margin-left:16px;color:#9a9da2;font-size:16px;width:auto;border:0}.time_hours{clear:both}.promotionRelease .select_date ul{overflow:hidden}.promotionRelease .select_date ul li{float:left;width:.3rem;text-align:center;border:1px solid #ddd;padding:.04rem .05rem;margin-right:.1rem;border-radius:5px;margin-bottom:.1rem;cursor:pointer}.select_cycle_time select{width:.6rem;background-color:#fff;border:1px solid #ccc;height:.3rem;line-height:.3rem}.time_title{width:30%;float:left;padding-bottom:.15rem}.time_item{width:70%;float:left}.select_cycle_time{display:none}.time_title .btn{padding:0 .1rem}.select_cycle_time{border:1px solid #ddd;border-radius:5px;padding:.1rem}.addQuestionnaire textarea{width:3rem;max-height:1rem;max-width:5rem;min-width:3rem;overflow-y:auto;color:#555;padding:5px;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.addQuestionnaire .alert-tips{margin-top:.2rem;padding:.1rem .12rem}.addQuestionnaire .add_questions input.form-control{width:90%}.answer_content{width:80%;margin-left:20%;display:block;padding-left:.2rem;clear:both}.addQuestionnaire .answer_content input.form-control{width:50%}.addQuestionnaire .answer_content button{position:relative;width:.8rem;padding:0;height:.34rem;top:-1px;overflow:hidden}.addQuestionnaire .answer_content input[type=file]{width:100%;height:100%;position:absolute;opacity:0;top:0;left:0}.quesReleasePlan ol{padding-left:.2rem}.quesReleasePlan .ques_url{width:100%;border:0;border-collapse:collapse}.quesReleasePlan .ques_url td{padding:.08rem}.addQuesRelease .left_title{width:15%}.addQuesRelease th{background-color:#4d90fe;color:#fff}.ques_report_item{border:1px solid #ffb848}.ques_report_title{background-color:#ffb848;color:#fff;font-size:.18rem;padding:.05rem .1rem}.ques_report_title i{display:inline-block;font-size:.12rem;background:#333;padding:.05rem;border-radius:3px}.ques_report_Content{padding:.1rem .15rem}.addGiveReduction .left_title{width:20%}.goodsList{display:inline-block;width:2rem;position:relative}.goodsList ul{position:absolute;top:.34rem;width:200%;max-height:1.8rem;overflow-y:auto;background-color:#fff;box-shadow:0 1px 8px rgba(0,0,0,.1);font-size:14px;font-family:"Segoe UI",Helvetica,Arial,sans-serif;border:1px solid #ddd;line-height:.3rem;z-index:5}.goodsList ul li{padding:0 .1rem;cursor:pointer}.goodsList ul li:hover{background-color:#eee}.code{overflow:hidden}.code li{float:left;width:18%;border:1px solid #bfbfbf;margin-right:10px;border-radius:3px;text-align:center;padding:3px 0;margin-bottom:10px}.exportTips{font-size:.13rem;color:#c90}.ad_item{margin-bottom:15px;white-space:nowrap}.ad_item > div{width:50%;display:inline-block;position:relative}.ad_item > div ul.proList{position:absolute;border:1px solid #bfbfbf;background:#fff;z-index:10;width:80%}.ad_item > div ul.proList li{padding:5px 8px;cursor:pointer;display:block;width:100%;word-break:break-all;word-wrap:break-word;white-space:normal}.ad_item > div ul.proList li span{font-weight:bold;color:red}.ad_item > div ul.proList li:hover{background:#eee}.ad_item .btn{border-radius:0;margin-right:-4px}.ad_item .btn:first-child{border-radius:3px 0 0 3px;margin-right:-5px}.ad_item .btn:last-child{border-radius:0 3px 3px 0}.ad_item .ad-img-list{overflow:hidden}.ad_item .ad-img-list li{float:left;width:120px;height:120px;margin-left:10px;position:relative}.ad_item .ad-img-list li img{width:120px;height:120px;border-radius:3px}.ad_item .ad-img-list li span{position:absolute;top:5px;right:5px;font-size:16px}.addAdTemplate{overflow:hidden;margin-top:15px}.addAdTemplate li{float:left;width:31%;color:#fff;text-shadow:none;background-color:#4d90fe;height:40px;line-height:40px;margin-bottom:10px;border-radius:5px;cursor:pointer;text-align:center}.addAdTemplate li:hover{background-color:#0362fd}.addAdTemplate li:nth-child(3n + 2){margin-right:3.5%;margin-left:3.5%}.templateStructure{width:108px;height:192px;padding:2px;margin-top:15px;margin-right:10px;position:relative;background:#efefef;border:1px solid #ddd}.templateStructure > div{position:absolute;cursor:pointer;background:#fff;color:#000;border:1px dotted #eca22e;text-align:center;font-size:12px}.templateStructure > div:hover{background:#eca22e;color:#fff}.ad_item_title{display:inline-block;width:25%;line-height:30px}.media-img-list{overflow:hidden}.media-img-list li{display:inline-block;width:99px;height:132px;margin-right:10px}.media-img-list li img{width:99px;height:132px;border-radius:3px}label.label30{margin-right:10px;line-height:30px}label.label30 input[type=checkbox]{margin:.09rem .05rem 0 0}.expect_mes th{background:#eee}.showUploadBox{position:relative;width:1.5rem;height:1.5rem;margin-top:10px}.showUploadBox img{width:100%;height:100%}.showUploadBox span{position:absolute;top:5px;right:5px;color:red;cursor:pointer}.addQuestionnaire .item-img{width:100px;height:auto;margin-top:10px}.addQuestionnaire .item-img img{max-width:100%;height:auto}.addQuestionnaire .item-img button{width:100%}.width-40-100{width:40%}.width-60-100{width:60%}.width-70-100{width:70%}.width-240{width:2.4rem}.vertical-top{vertical-align:top}.addQuesRelease td textarea{max-width:70%;min-width:4rem;min-height:.8rem;max-height:1.5rem;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;line-height:normal;padding:10px}.qrcode-img{max-width:50%}.width-12-100{width:12%}.log_mes td{padding:5px 3px !important}#exportFile textarea.form-control{height:auto !important;min-height:.6rem;max-height:1.5rem;max-width:80%}.QA .left_title{padding-left:20px}.adReport label select{width:1.5rem !important}.refundTransaction #dataBox button{padding:0 .05rem !important}@media screen and (max-width: 1080px){html,body{width:100%;height:100% !important;background:#fff !important}}@media screen and (max-width: 1440px){.change-rows{line-height:40px}.change-rows .select_slideDown{line-height:normal}.modal-dialog{margin-top:1rem !important}.modal-open{overflow-x:hidden;overflow-y:auto}.ad_img{width:1rem}}.sketch-map-img{position:fixed;right:10%;top:80px;display:block}.sketch-map-img i{position:absolute;top:10px;right:20px;font-size:22px;z-index:8}.show-up-img{padding-top:.05rem}.show-up-img img{max-width:.5rem;max-height:.6rem;vertical-align:text-top}.show-up-img span{display:inline-block;padding:0 5px;border:1px solid #d3c0c0;cursor:pointer;margin-left:.15rem}.client_lucky_draw_new .left_title{width:30%;padding-right:10px;text-align:right;position:relative}.client_lucky_draw_new .right_content{width:70%}.client_lucky_draw_new .help{width:14px;position:absolute;right:5px;top:0}.client_lucky_draw_new .no_relative{position:inherit}.client_lucky_draw_new .no_relative_i{position:relative;right:-18px}.client_lucky_draw_new .have_relative{position:relative !important;right:7px !important;top:-15px !important}.client_lucky_draw_new .small-title{padding:0;font-size:.2rem;display:block;color:#000;margin:.2rem 0;font-weight:500}.client_lucky_draw_new .row_new{padding:20px 40px;border:1px solid #ccc}.client_lucky_draw_new .row_new .new_draw{width:50%;min-width:850px;float:left}.client_lucky_draw_new .row_new .margin-right-10{margin-right:10px}.client_lucky_draw_new .addMusic{position:relative}.client_lucky_draw_new .addMusic .xiala{width:13px;position:absolute;top:5px;right:5px}.client_lucky_draw_new .addMusic .xialaSelect{position:absolute;width:100%;top:30px;left:0;border:1px solid #ccc;cursor:pointer;z-index:2}.client_lucky_draw_new .addMusic .xialaSelect .one{background-color:#fff}.client_lucky_draw_new .addMusic .xialaSelect .one:hover{background-color:#a09d9d}.client_lucky_draw_new .addMusic .xialaSelect .one label{width:100%;padding:5px 8px}.luckyReward{position:relative;border:1px solid #ccc;width:8rem;margin-bottom:5px;margin-left:-15px;margin-top:10px}.luckyReward.luckyRewardMinHeight{min-height:200px}.luckyReward span.deleteItem{position:absolute;right:.15rem;padding:.05rem;cursor:pointer}.luckyReward .luckyRewardTitle{width:100%;text-align:center;border-bottom:1px solid #ccc;margin-bottom:10px}.spanHuanHang{display:block;width:calc(100% - 2rem);float:left;margin-top:5px;padding-left:10px}.luckyRewardNew{border:none;padding:5px 10px;width:11rem;padding-left:17%;margin-left:-10px}.luckyRewardNew .deleteItem{top:.15rem}.luckyRewardNew .left{float:left;margin-right:5px;line-height:.3rem !important;position:relative}.luckyRewardNew .left .show-up-img1{position:absolute;top:0;left:75px;background:#fff}.luckyRewardNew .left .show-up-img1 span{display:inline-block;width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.luckyRewardNew .left .Firefox{left:65px}.luckyRewardNew .left .bg{background:#eee;color:#a09d9d}.luckyRewardNew select{width:80px}.luckyRewardNew label input{position:relative;top:5px}.previewBody .body{padding:50px 0;position:relative;width:100%;padding-bottom:150%}.previewBody .body .bodyRow{position:absolute;top:43%;width:100%;text-align:center}.previewBody .body .bodyRow .box{display:inline-block;width:80px;height:80px;background:#ccc;margin-right:30px;margin-bottom:10px;border:2px solid #fff;position:relative;border-radius:50%}.previewBody .body .bodyRow .box .box1{width:100%;height:100%;overflow:hidden;border-radius:50%}.previewBody .body .bodyRow .box .box1 img{width:100%}.previewBody .body .bodyRow .box .span1{position:absolute;display:inline-block;width:25px;height:25px;background:#666;border-radius:50%;border:1px solid #fff;font-size:12px;color:#fff;text-align:center;top:0;line-height:25px;right:0}.previewBody .body .bodyRow .box .span2{position:absolute;display:inline-block;font-size:18px;color:#fff;text-align:center;top:25px;right:0;width:100%}.previewBody .body .bodyRow .box .span3{font-size:15px;top:50px}.previewBody .body .bodyRow .boxTwo{margin-right:65px}.previewBody .body .bodyRow .box:last-child{margin-right:0}.previewBody .body .bodyRowflex{width:80%;margin:40px auto 0;display:flex;justify-content:space-around}.previewBody .body .bodyRowflex div{padding:10px 20px;border-radius:8px}.previewBody .body .bodyRowflex .btn1{background:#ccc;color:#333}.previewBody .body .bodyRowflex .btn2{background:#ffd201;color:#75670b}.previewBody .body .bodyFooter{position:absolute;bottom:15%;width:100%}.previewBody .body .bodyFooter div{text-align:center;width:100%;color:#fff;font-size:18px}.previewBody .body .bodyFooter .p1{font-size:12px}.previewBody .body .bodyFooter .p2{width:120px;margin:10px auto;height:32px;background:#fff;border-radius:15px;color:#000;line-height:32px}.previewBody .body .bodyFooter .p4{width:120px;margin:10px auto;height:32px;font-size:18px;color:#000;padding:2px 0}.previewBody .body .bodyFooter .p4 span{display:block;float:left;height:28px;line-height:28px;background:#fff}.previewBody .body .bodyFooter .p4 .span1{border-top-left-radius:10px;border-bottom-left-radius:10px;width:30px;border-right:1px solid #f1e7e7}.previewBody .body .bodyFooter .p4 .span2{width:60px}.previewBody .body .bodyFooter .p4 .span3{border-top-right-radius:10px;border-bottom-right-radius:10px;width:30px;border-left:1px solid #f1e7e7}.previewBody .body .fix{position:absolute;bottom:10px;left:10px}.restoreMachineOne #editSelect1 .allImg{flex-wrap:wrap;width:100%;display:flex;flex-flow:wrap;align-items:center;justify-content:space-between}.restoreMachineOne #editSelect1 .allImg:before,.restoreMachineOne #editSelect1 .allImg:after{content:"";display:block}.restoreMachineOne #editSelect1 .allImg .img{width:100px;height:150px;display:flex;flex-flow:wrap;align-items:center;justify-content:center}.restoreMachineOne #editSelect1 .allImg .img img{width:100%;height:100px}.restoreMachineOne #editSelect1 .allImg .img .imgError{width:100%;height:100px;text-align:center;line-height:100px;border:1px solid #ccc;border-radius:5px;color:#666;font-size:12px}.restoreMachineOne #editSelect1 .btnRE{width:100px;height:35px;line-height:35px;text-align:center;cursor:pointer;color:#666;margin:20px auto;border:1px solid #ccc;border-radius:5px}.restoreMachineOne #editSelect1 .detail{color:red}.restoreMachineOne #editSelect2 .allBtn{flex-wrap:wrap;width:100%;display:flex;flex-flow:wrap;align-items:center;justify-content:space-between}.restoreMachineOne #editSelect2 .allBtn:before,.restoreMachineOne #editSelect2 .allBtn:after{content:"";display:block}.restoreMachineOne #editSelect2 .allBtn .btnRE{width:100px;height:35px;line-height:35px;text-align:center;cursor:pointer;color:#666;border:1px solid #ccc;border-radius:5px}.two-row-action{white-space:normal !important;word-wrap:break-word}.tool_tip{background-color:rgba(0,0,0,.9);padding:4px 8px;border-radius:4px;color:#fff;font-size:12px;position:absolute;z-index:99999;max-width:300px;word-wrap:break-word}.tool_tip:before{position:absolute;content:"";background-color:rgba(0,0,0,0);width:0;height:0;border-width:5px;border-style:solid}.tool_tip_top:before{top:100%;left:50%;transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);-webkit-transform:translate(-50%, 0);border-color:rgba(0,0,0,.9) transparent transparent transparent}.tool_tip_right:before{top:50%;left:0;transform:translate(-100%, -50%);-ms-transform:translate(-100%, -50%);-webkit-transform:translate(-100%, -50%);border-color:transparent rgba(0,0,0,.9) transparent transparent}.tool_tip_bottom:before{top:0;left:50%;transform:translate(-50%, -100%);-ms-transform:translate(-50%, -100%);-webkit-transform:translate(-50%, -100%);border-color:transparent transparent rgba(0,0,0,.9) transparent}.tool_tip_left:before{top:50%;left:100%;transform:translate(0, -50%);-ms-transform:translate(0, -50%);-webkit-transform:translate(0, -50%);border-color:transparent transparent transparent rgba(0,0,0,.9)}#toolTop .help{width:14px;position:absolute;right:5px;top:0}#toolTop.no_relative{position:inherit;left:-18px}#toolTop .no_relative_i{position:relative;right:-18px}#toolTop .have_relative{position:relative !important;right:7px !important;top:-15px !important}#pop_corner .left_title{width:20%;margin-right:2%;text-align:right}#pop_corner .right_content{width:75%}.host_quota_setting_add_edit{background:#f4f4f4}.host_quota_setting_add_edit .contain{background:#fff;padding:50px 100px}.host_quota_setting_add_edit .contain .left_title{width:15%;margin-right:5%;text-align:right}#machine_config .paytypestatus{display:block;background:#efefef;border:1px solid #ddd;font-weight:normal;text-align:center;margin-top:10px;cursor:pointer}#machine_config .paytypestatus.active{color:#000;background:#bbb}.transaction_succeed{width:100%}.transaction_succeed .lang{width:100%;display:flex;margin-top:20px}.transaction_succeed .lang span{color:#000;display:inline-block;width:40px;margin-right:20px}.transaction_succeed .lang div{width:100%}.transaction_succeed .lang div input{margin-right:20%;border:1px solid #ccc;color:#555;width:60%;height:30px}.transaction_unusual{width:100%}.transaction_unusual p span{width:40px;margin-right:20px}.transaction_unusual p span input{border:1px solid #ccc;margin-right:20%;color:#555;width:15%;height:30px}.service{width:100%;margin-top:30px}.service span{width:40px;margin-right:20px}.service input{border:1px solid #ccc;color:#555;width:60%;width:40px}.abnormal-pickup{width:100%;margin-top:20px}.abnormal-pickup p span{width:40px;margin-right:27px}.abnormal-pickup p input{margin-right:20%;border:1px solid #ccc;color:#555;width:58%;height:30px}.new_draw .fakeAcitonRadio{margin-top:10px}.new_draw .fakeAcitontext{margin-right:20px;margin-top:10px}.page-cong{position:relative;font-size:30px;text-align:center;width:600px;margin-top:5px;cursor:pointer}.page-cong span{display:inline-block;color:#999}.page-cong .page-tips{position:absolute;right:0;top:10px;font-size:13px;color:#888}.groupTable tr td{width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-advertising-pool .myInput{height:90px !important;width:335px}.client-advertising-pool .table-th{height:40px;background-color:#4c8df7 !important;line-height:40px !important}.client-advertising-pool .add-delete-btn{position:absolute;left:212px;top:0}.client-advertising-pool .add-delete-btn span{display:inline-block;padding:0 6px;height:30px;border-radius:4px;border:1px solid #4d90fe;line-height:30px;text-align:center;font-size:14px;color:#4b8df8;margin-right:10px}.client-advertising-pool .add-delete-btn .add-machine-active{color:#fff;background:#4d90fe;border:none}.client-advertising-pool .add-delete-btn .del-machine{color:#d9534f;border:1px solid #d9534f}.client-advertising-pool .add-delete-btn .del-machine-active{color:#fff;background:#d9534f;border:none}.client-advertising-pool .mySelect{width:200px !important}.ad-modal-cont .mySelect{width:200px !important}.pool-item-td{vertical-align:middle !important;text-align:center !important}.machine-ad-nums{width:792px;height:40px;background:#dbe5e8;border-radius:4px;display:flex;padding:4px;text-align:center;line-height:32px;cursor:pointer}.machine-ad-nums span{flex:1;font-size:14px;font-family:MicrosoftYaHei;color:#787b80}.machine-ad-nums .active{background:#f9f9f9;box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 9px 28px 8px rgba(0,0,0,.05),0 6px 16px 0 rgba(0,0,0,.08);border-radius:4px;color:#17181a}.pool-edit .group-contanier,.promotionRelease-cont .group-contanier{position:relative;overflow:hidden;max-height:85px;box-sizing:border-box}.pool-edit .content-lable-expend,.promotionRelease-cont .content-lable-expend{padding:5px;border:1px dashed #ccc;border-top:none;text-align:center;color:#363636}.pool-edit .content-lable-expend:hover,.promotionRelease-cont .content-lable-expend:hover{cursor:pointer}.pool-edit .content-lable,.promotionRelease-cont .content-lable{display:flex;align-items:center;flex-wrap:wrap;max-height:85px;box-sizing:border-box;overflow:hidden}.pool-edit .content-lable .content-lable-item,.promotionRelease-cont .content-lable .content-lable-item{padding:5px 10px;margin-right:10px;font-size:14px;color:#363636;background:#e2edfe;border-radius:15px;margin-bottom:8px;display:flex}.pool-edit .content-lable .lable-item-name,.promotionRelease-cont .content-lable .lable-item-name{display:inline-block;width:85px;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pool-edit .content-lable .content-lable-item:hover,.promotionRelease-cont .content-lable .content-lable-item:hover{cursor:pointer}.pool-edit .content-lable .remove-icon,.promotionRelease-cont .content-lable .remove-icon{font-size:10px;color:#666;margin-left:5px}.pool-edit .content-lable .content-lable-itemid,.promotionRelease-cont .content-lable .content-lable-itemid{padding:5px 10px;margin-right:10px;font-size:14px;color:#363636;background:#fff9de;border-radius:15px;margin-bottom:8px;display:flex}.pool-edit .content-lable-active,.promotionRelease-cont .content-lable-active{padding:8px;margin-top:8px;border:1px dashed #ccc}.pool-edit .activeClass,.promotionRelease-cont .activeClass{color:#363636;background:#e2edfe}.pool-edit .defaultClass,.promotionRelease-cont .defaultClass{color:#363636;background:#fff}.pool-edit .form-control-width,.promotionRelease-cont .form-control-width{width:320px !important}.pool-edit .right-table,.promotionRelease-cont .right-table{display:flex;justify-content:space-between;align-items:center}.upload-box-img{border:1px dashed #ccc;display:flex;justify-content:center;align-items:center}.upload-box-img img{width:100%;height:auto;max-height:100%}.upload-box-img .upload-close{width:20px;height:20px;position:absolute;top:-10px;right:-10px}.upload-box-img .upload-close img{width:100%;height:100%}.upload-box-img .upload-close:hover{cursor:pointer}.title-problem{position:relative}.title-problem .left-tips{position:absolute;left:0;top:30px;z-index:999;background:rgba(0,0,0,.75);box-shadow:0 9px 28px 8px rgba(0,0,0,.05),0 6px 16px 0 rgba(0,0,0,.08),0 3px 6px -4px rgba(0,0,0,.12);line-height:20px;width:330px;color:#ccc;font-size:12px;padding:8px;display:none}.title-problem .left-tips-arrow{position:absolute;top:-10px;left:80px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid rgba(0,0,0,.75)}.title-problem:hover .left-tips{display:block;cursor:pointer}/*# sourceMappingURL=marketing.css.map */

.templateManage{background:#3d3d3d}.templateManage .templateMessage table{width:100%;border-collapse:collapse;border:1px solid #ddd;font-size:.14rem}.templateManage .templateMessage th,.templateManage .templateMessage td{border:1px solid #ddd;padding:.08rem;line-height:.2rem}.applyMac{color:#25a9e0;font-weight:bold}.applyMac:hover{color:#25a9e0}.templateManage .tem_handle span:hover{cursor:pointer;text-decoration:underline}.tem-name-input{display:inline-block;padding:.04rem .12rem;width:2.2rem}.select-tem-tips{padding:.08rem .35rem .08rem .15rem;margin:.15rem 0}#addTem .modal-dialog{width:40%;min-width:470px;margin-top:1.5rem}ul.select-tem-name{float:left;width:74.5%}ul.select-tem-name li{float:left;padding:0 0 .05rem 0}ul.select-tem-name li > div{display:inline-block;background-color:#4d90fe;font-size:.12rem;color:#fff;width:1.05rem;margin-right:.1rem;padding:0;text-align:center;line-height:.6rem}.curr_select{background-color:#0362fd !important}ul.select-tem-name li > div:hover{position:relative;background-color:#0362fd;color:#fff}ul.select-tem-name li > div:hover .popover{display:block;top:-0.2rem;left:100%}ul.select-tem-name li > div:hover .popover .popover-content{color:#000;font-size:.12rem;height:auto;line-height:.2rem;width:1.4rem;text-align:center}.tem-preview{float:left;width:23.4%;height:2.48rem;min-height:248px}.tem-preview > p{font-size:.48rem;color:#c8ccd0;line-height:2.1rem;text-align:center}.preview-img{padding:2px;float:left;margin-top:10px;margin-right:10px;position:relative;background:#efefef;border:1px solid #ddd}.preview-img > div{position:absolute;padding:1px;background:#fff;color:#000;border:1px dotted #eca22e;font-size:.12rem}.preview-img > div:hover{background-color:#eca22e}.preview-img > div:hover .popover{display:block;position:relative;min-width:1.4rem}.preview-img > div:hover .popover.top{margin-top:-45px}.preview-img > div:hover .popover .popover-content{color:#000;font-size:.12rem;height:auto;line-height:.2rem;text-align:center;padding:5px;white-space:nowrap}.templatePreview{padding:0 .3rem .5rem}.templatePreview .preview-content{border:1px solid #ddd;width:100%;border-collapse:collapse}.templatePreview .preview-content td{padding:.08rem;border:1px solid #ddd;vertical-align:top}.templatePreview .preview-left{width:70%}.templatePreview .alert-tips{font-size:.13rem;padding:.08rem .35rem .08rem .14rem;margin:.1rem 0}.templatePreview .preview-structure{position:relative;min-height:1000px}.preview-structure .structureDiv{position:absolute;overflow:hidden;background:#fff;z-index:1;cursor:pointer;border:2px dotted #eca22e;font-size:.12rem;text-align:center}.templatePreview .screen_box{width:1.5rem;height:1.8rem;padding:.1rem;margin:.1rem auto;background-color:#0362fd;color:#fff;font-size:.14rem}.applyMachine{position:fixed;height:.7rem;bottom:0;line-height:.7rem;background:rgba(0,0,0,.5);width:100%;left:0;z-index:10}.applyMachine span{display:block;width:2.5rem;line-height:.5rem;font-weight:bold;font-size:.2rem;cursor:pointer;height:.5rem;text-align:center;background:#f60;color:#fff;margin:auto;margin-top:.1rem}span.item-name{display:inline-block;width:1.1rem;height:.3rem}.componentSelect{width:2.2rem;margin-top:.04rem;display:inline-block;position:relative}.componentSelect .selectBox{width:100%}.componentSelect label,.componentSelect select{width:100%}.componentSelect input{width:100%}.componentSelect .font-color-red{position:absolute;right:-20px;top:5px}.changeValue input[type=text],.changeValue select{height:.3rem;line-height:.3rem;width:2.2rem;padding-left:.1rem}.allotMachine{background:#3d3d3d;height:100%}.allotMachine table.showMachineMes{width:100%;border-collapse:collapse;border:1px solid #ddd}.allotMachine table.showMachineMes td,.allotMachine table.showMachineMes th{padding:.08rem;line-height:.2rem;border:1px solid #ddd}.webConfig{background:#3d3d3d;height:100%}.webConfig .web_machine_logo{margin:.2rem 0}.webConfig .web_logo_img{width:5rem;height:1rem;margin-bottom:.1rem;border:1px solid #ebebeb;background:#fff;line-height:1rem}.webConfig .web_logo_img img{max-width:100%;width:5rem;height:auto;max-height:100px}.webConfig .machine_state_item{float:left;padding-left:.2rem;overflow:hidden}.webConfig .machine_state_img{width:2.22rem;height:3.62rem;margin-bottom:.1rem;border:1px solid #ebebeb;background:#fff;line-height:1rem;padding:.2rem;margin-top:.1rem}.webConfig .logo{float:left;width:50%}.webConfig .icon{float:left;width:50%}.webConfig .icon-file{margin-right:-80px;margin-top:4px}.webConfig .machine_state_img > img{max-width:100%;height:auto}.webConfig .machine_state_item input[type=file]{display:block;margin-top:.1rem}.webConfig .machine_img_introduce i{color:red}.webConfig .machine_img_introduce > div{float:left}.user{background:#3d3d3d;height:100%}.user .queryUser{width:3.2rem;height:.3rem;margin-left:50px;margin-top:-25px}.user .query_title{float:left;line-height:.34rem}.user .user_mes{width:100%;border-collapse:collapse;font-size:.12rem}.user .user_mes th{background-color:#4d90fe;color:#fff;cursor:pointer;text-align:center;padding:8px 0}.user .user_mes tr:hover{background-color:#ebf7fb}.user .user_mes td a{color:#25a9e0;font-weight:bold}.user .user_mes td a:hover{color:#25a9e0;font-weight:bold}.border-bottom-color{border-bottom-color:#fff !important;opacity:.4}.border-top-color{border-top-color:#fff !important;opacity:.4}.user .right_content label{margin-right:.1rem}.user .right_content label input[type=checkbox],.user .right_content label input[type=radio]{float:left;margin-right:3px}.user .right_content label span{cursor:pointer}.user .right_content > p{padding-top:.05rem}.user .right_content textarea{padding:.1rem;max-width:100%;max-height:1rem;overflow-y:auto;min-width:4rem;min-height:.5rem}.user .right_content input[type=text]{width:2.2rem;padding:.04rem .12rem;height:.3rem;display:inline-block;margin-right:.1rem}.add_user_account .left_title{width:2rem;font-size:.13rem}.add_user_account .left_title i.re{color:red}.add_user_account .right_content .user_Email{display:inline-block;width:3rem;font-size:.13rem}.user .right_content input[type=password]{width:2.2rem;padding:.04rem .12rem;height:.3rem;display:inline-block;margin-right:.1rem}.addUser .right_content label{width:auto;padding:.05rem .2rem .05rem 0;margin:0;line-height:normal}.addUserGroup .left_title{width:13%;font-weight:bold}.blue_box{height:.39rem;background-color:#4b8df8 !important;border-radius:5px}.addUserGroup .right_content label{padding:.05rem 0}.select_userGroup_item{width:6rem;text-align:center}.select_userGroup_item table{width:100%}.select_userGroup_item td{line-height:.3rem}.select_userGroup_item table td{border-bottom:1px solid #ddd;border-right:1px solid #ddd;line-height:.32rem}.select_userGroup_item td input[type=checkbox]{display:inline-block;margin:0;position:relative;width:.12rem;height:.12rem;top:.02rem}.applyUser{width:100%;line-height:.3rem}.applyUser th{text-align:center}.applyUser input[type=checkbox]{position:relative;top:.02rem;margin-right:.03rem}.applyUser td{padding:0 .08rem}.remindSubmit{color:red;animation:showHide 2s;-webkit-animation:showHide 2s;margin-left:.05rem}@keyframes showHide{0%{opacity:0}25%{opacity:1}50%{opacity:0}100%{opacity:1}}.add-user-group button{padding:.04rem .12rem;margin-top:-0.05rem}.collectionInfo{background:#3d3d3d;height:100%}.title_remind{font-style:italic;text-decoration:underline;color:#555}.collectionInfo .left_title{width:15%}.border_bottom_last{border-bottom:1px solid #999;padding-bottom:.1rem !important}.collectionInfo .right_content input[type=text]{display:inline-block}.collectionInfo .right_content button{margin-top:-0.03rem}.navbar-inner h5{margin:10px 0}.QRCode{max-width:3rem;height:auto}.table-border-none td{border:0 !important;text-align:left}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade-out{0%{opacity:1}100%{opacity:0}}alert-box{width:400px;margin-left:50%;position:fixed;top:86px;z-index:1.0000000000000003e+23}.fade-in{animation:fade-in 1s ease-in-out}.fade-out{animation:fade-out 1s ease-in-out}.fade-out-9{animation:fade-out 10s ease-in-out}.alertSuccess,.alertFailure{position:fixed;width:400px;margin-left:-200px;color:#fff;font-size:13px;border-radius:3px;line-height:40px;overflow:hidden;z-index:99999999}.alertSuccess > div,.alertFailure > div{display:flex}.alertSuccess > div span,.alertFailure > div span{display:flex;padding:.1rem;font-size:.13rem;word-break:break-all;line-height:.24rem}.alertSuccess > div span:first-child,.alertFailure > div span:first-child{width:40px}.alertSuccess{background:#9cdfb9;box-shadow:0 5px 8px rgba(156,223,185,.5),0 0 8px rgba(156,223,185,.5);padding-left:0}.alertScale{transform:scale(2)}.alertMachinesStatus{position:fixed;z-index:99999999}.alertMachinesStatus .small{padding:20px 25px 20px 10px;color:#fff;font-size:13px;border-radius:5px;background:#000;margin-bottom:10px}.success-icon{width:50px;text-align:center;background:url(../../../img/common/success_icon.png) no-repeat center;background-color:#87d0a7}.alertFailure{background:#e99188;box-shadow:0 5px 8px rgba(233,145,136,.5),0 0 8px rgba(233,145,136,.5);padding-left:0}.failure-icon{width:50px;text-align:center;background:url(../../../img/common/failure_icon.png) no-repeat center;background-color:#de847b}.img-tip-div{width:100% !important;color:red;height:0;animation:in-out 4s linear;-webkit-animation:in-out 4s linear;overflow:hidden}@keyframes in-out{0%{height:0;opacity:0}15%{height:40px;opacity:1}85%{height:40px;opacity:1}100%{height:0;opacity:0;display:none}}.danger-alert{color:#b94a48;background-color:#f2dede;border-color:#eed3d7}.component-table{width:100%}.component-table td{padding:5px 0;line-height:30px}.component-table td input[type=file]{line-height:normal}.location_point label input{width:.78rem}.line-height-16{line-height:16px !important}.template_product{position:relative}.template_product ul{position:absolute;max-width:80%;list-style-type:none;background-color:#fff;border:1px solid #bfbfbf;box-shadow:1px 1px 1px rgba(0,0,0,.2);margin-bottom:10px;margin-top:-2px}.template_product ul li{padding:8px 10px;word-break:break-all;line-height:normal}.template_product ul li:hover{background-color:#eee}.template_product ul li span{color:red;font-weight:bold}.allot-machine-table table .td-label{vertical-align:top}.width-120{width:1.2rem}.allot-machine-table table label{width:25%}#edit_user_info label{margin-right:10px}.farbtastic{position:relative}.farbtastic *{position:absolute;cursor:crosshair}.farbtastic,.farbtastic .wheel{width:195px;height:195px}.farbtastic .color,.farbtastic .overlay{top:47px;left:47px;width:101px;height:101px}.farbtastic .wheel{background:url(./img/common/wheel.png) no-repeat;width:195px;height:195px}.farbtastic .overlay{background:url(./img/common/mask.png) no-repeat}.farbtastic .marker{width:17px;height:17px;margin:-8px 0 0 -8px;overflow:hidden;background:url(./img/common/marker.png) no-repeat}.closeWeb{position:absolute;bottom:.5rem}.assign-container .table-header .table-tr{display:flex;justify-content:flex-start}.assign-container .addMusic,.marketing-config .addMusic{position:relative}.assign-container .addMusic .xiala,.marketing-config .addMusic .xiala{width:12px;position:absolute;top:9px;right:5px}.assign-container .addMusic .xialaSelect,.marketing-config .addMusic .xialaSelect{position:absolute;width:100%;top:30px;left:0;border:1px solid #ccc;cursor:pointer;z-index:2;max-height:230px;overflow-y:scroll}.assign-container .addMusic .xialaSelect .one,.marketing-config .addMusic .xialaSelect .one{background-color:#fff}.assign-container .addMusic .xialaSelect .one:hover,.marketing-config .addMusic .xialaSelect .one:hover{background-color:#a09d9d}.assign-container .addMusic .xialaSelect .one label,.marketing-config .addMusic .xialaSelect .one label{width:100%;padding:5px 8px}.assign-container .content-lable-expend,.marketing-config .content-lable-expend{padding:5px;border:1px dashed #ccc;border-top:none;text-align:center;color:#363636}.assign-container .content-lable-expend:hover,.marketing-config .content-lable-expend:hover{cursor:pointer}.assign-container .delect-contanier,.marketing-config .delect-contanier{position:relative;overflow:hidden;max-height:85px;box-sizing:border-box}.assign-container .content-lable,.marketing-config .content-lable{display:flex;align-items:center;flex-wrap:wrap;max-height:85px;box-sizing:border-box;overflow:hidden}.assign-container .content-lable .content-lable-item,.marketing-config .content-lable .content-lable-item{padding:5px 10px;margin-right:10px;font-size:14px;color:#363636;background:#e2edfe;border-radius:15px;margin-bottom:8px;display:flex}.assign-container .content-lable .content-lable-item:hover,.marketing-config .content-lable .content-lable-item:hover{cursor:pointer}.assign-container .content-lable .lable-item-name,.marketing-config .content-lable .lable-item-name{display:inline-block;width:85px;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assign-container .content-lable .remove-icon,.marketing-config .content-lable .remove-icon{font-size:10px;color:#666;margin-left:5px}.assign-container .content-lable .content-lable-itemid,.marketing-config .content-lable .content-lable-itemid{padding:5px 10px;margin-right:10px;font-size:14px;color:#363636;background:#fff9de;border-radius:15px;margin-bottom:8px;display:flex}.assign-container .content-lable-active,.marketing-config .content-lable-active{padding:8px;margin-top:8px;border:1px dashed #ccc}.assign-container .activeClass,.marketing-config .activeClass{color:#363636;background:#e2edfe}.assign-container .defaultClass,.marketing-config .defaultClass{color:#363636;background:#fff}.assign-container .form-control-width,.marketing-config .form-control-width{width:320px !important}.assign-container .right-table,.marketing-config .right-table{display:flex;justify-content:space-between;align-items:center}/*# sourceMappingURL=systemSetting.css.map */

.masterKioskVersion textarea{width:4rem;height:.8rem;max-width:95%;max-height:1.8rem;min-width:3rem;min-height:.5rem;overflow-y:auto}.masterCreateReport .left_title{width:15%}.form-control-textarea{width:3rem;min-width:1rem;max-width:6rem;min-height:.5rem;max-height:1.5rem;overflow-y:auto;overflow-x:hidden;border:1px solid #ccc;border-radius:5px;padding:.06rem}.text-point{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:4rem}.masterKioskVersion .left_title{width:25%}.masterKioskVersion .right_content{width:75%;line-height:.3rem}.margin-0{margin-left:0;margin-right:0}.handleTitle{height:.3rem;line-height:.3rem;color:#fff;background-color:#4b8df8;padding:0 .1rem}.addBtn{width:30px;height:30px;background-color:#aeaeae;color:#fff;margin:10px auto;border-radius:100%;text-align:center;line-height:30px;cursor:pointer}.addBtn span{margin-left:2px}.addItem li{width:8rem;border:1px solid #bfbfbf;padding:15px 20px 20px;margin:15px}.masterApi .left_title{width:35%}.masterApi .right_content{width:65%}.whiteList{overflow:hidden}.whiteList li{display:inline-block;width:25%;border:1px solid orange;margin:0 2% 15px 0;padding-left:10px;line-height:40px;border-radius:5px}.whiteList li span:last-child{float:right;height:30px;line-height:30px;margin:5px;background-color:orange;color:#fff;padding:0 5px;border-radius:3px;cursor:pointer}.masterAllClient .nav-tabs > li > a,.masterAllClient a{color:#0d638f}.masterAllClient .nav-tabs > li.active > a{color:#555}.payment-name{height:32px;line-height:32px;padding-left:15px;color:#fff;font-weight:bold}.payment-intro{padding:10px 20px;line-height:30px}.payment-intro td{line-height:35px;font-size:13px;padding-bottom:5px}.payment-intro input[type=file]{line-height:24px}.payment-intro label input[type=radio]{margin:12px 5px 0 0}.add_receive td{padding-bottom:15px}.note-area{min-width:200px;min-height:50px;max-width:400px;max-height:150px}.real-time{font-family:"微软雅黑",Arial;color:#565c70}#map_canvas{height:100%}.div_info{width:800px;height:300px;position:absolute;top:30px;left:60px}.div_info > div{margin-top:40px;height:70px}.real-time .title{font-size:18px;line-height:24px}.real-time .title img{float:left;width:18px;height:18px;margin:3px 8px 0 0}.real-time .content{font-size:48px;font-weight:bold;font-family:Arial}.real-time .new{font-size:28px;color:#fe5d5d;font-weight:bold}.masterOrderTrading label select{width:1.2rem !important}.margin-right-5{margin-right:.05rem}.show-machine-list{width:60%}.show-machine-list label{width:1rem;padding:.05rem 0}.wechat-box img{max-width:100%}.wechat-box .title{margin-top:.1rem}.wc-config-title{background-color:#5cb85c;color:#fff;padding:.1rem .15rem;font-weight:bold}.wc-config-title i{float:right;padding:0 .05rem}.wc-menu{border:1px solid #bfbfbf;min-height:4rem;padding:.25rem}.wc-menu > li{font-weight:bold;margin-bottom:.2rem;color:#333}.wc-menu > li > div{background-color:#eee;border-radius:3px 3px 0 0;border:1px solid #bfbfbf;border-bottom:0;padding:.1rem .2rem}.wc-menu ul{padding:.2rem;border:1px solid #bfbfbf}.wc-menu ul li{font-weight:normal;padding:.05rem 0}.hostMachines label input[type=checkbox]{margin-top:.08rem}.kerwords-ul{width:200px;min-height:.3rem}.kerwords-ul li{display:inline-block;border:1px solid orange;padding:.05rem .1rem;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;margin-right:.05rem;margin-bottom:.05rem}.kerwords-ul li .glyphicon{padding:.02rem;color:#fff;background-color:orange;margin-left:.05rem}.wc-reply .form-control-textarea{vertical-align:middle}.edit-machine-config,.jump-machine-config{width:100%;height:100%}.edit-machine-config .font-color-orange,.jump-machine-config .font-color-orange{float:right;display:none;margin-right:.1rem;color:orange !important}.edit-machine-config:hover .font-color-orange,.jump-machine-config:hover .font-color-orange{display:block}.edit-machine-config .glyphicon{margin-left:.05rem}.modal .left_title{width:25%}.modal .right_content{width:75%}.importTitle{padding-left:30px;height:50px;background-color:#fcfcfc;line-height:50px;font-size:20px}.importTitle h3{line-height:50px}.improtHimt{width:100%;padding-left:30px;margin-bottom:50px;font-size:18px}.improtList{width:100%;margin-top:30px}.importUrl{width:60%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;float:left;margin-right:20px}.capy{width:20%}.machineUpgrade{margin-top:20px;width:95%}.machineUpgradeBox{max-height:300px;overflow-y:scroll}.machineUpgrade tr{color:#333;width:100%}.machineUpgrade tr td{height:35px;line-height:35px}.machineUpgrade tr th{height:30px;line-height:30px;text-align:center}.machineUpgrade td{height:30px;line-height:30px;text-align:center}.ipt{margin-top:20px;padding-left:5px;width:200px;height:30px;margin-right:20px}.machineMaxw{margin-left:-55%;width:1450px;max-height:800px}.actionClassR{margin-left:10px}.modelInput{width:250px;height:40px;border:1px solid;border-radius:5px;line-height:40px;padding-left:5px;font-size:18px;color:#888;margin-bottom:12px;margin-right:12px;position:relative}.arr{position:absolute;right:10px;top:12px;width:10px;height:10px;border-top:1px solid;border-left:1px solid;transform:rotate(220deg)}.SelectMachine :hover{text-decoration:underline;cursor:pointer;margin-right:5px}.machineBtn{height:40px;line-height:40px;padding:0 20px;border-radius:5px;margin-right:10px;border:none}.lag-cont{margin-top:20px}.lag-list{display:flex}.lag-list .lag-item{text-align:center;margin-right:8px;width:80px;height:32px;background:#fff;border:1px solid #d9d9d9;border-radius:2px;font-size:14px;font-family:PingFangSC-Regular;line-height:32px;color:#000}.lag-list .lag-item-active{color:#1890ff;border:1px solid #1890ff}.heng{width:100%;margin:12px 0 16px 0;height:2px;border:1px solid #ddd}.boot-animation-cont .title{font-size:14px;font-family:Noto Sans CJK;font-weight:400;line-height:22px;color:#707070;margin-bottom:10px}.boot-animation-cont .img-cont{display:flex}.boot-animation-cont .img-cont .upload-img{position:relative;width:90px;height:140px;border:1px solid rgba(0,0,0,.1490196078);border-radius:2px;margin-right:16px;background-color:#f5f5f5;font-size:30px;line-height:140x;text-align:center}.boot-animation-cont .img-cont .upload-img .addIcon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:1;color:#333}.boot-animation-cont .img-cont .upload-img .img{width:90px;height:140px;opacity:0;position:absolute;top:0;left:0;z-index:2}.boot-animation-cont .img-cont .img-item{position:relative;width:90px;height:140px;border:1px solid rgba(0,0,0,.1490196078);border-radius:2px;margin-right:16px;background-color:#f5f5f5}.boot-animation-cont .img-cont .img-item img{width:90px;height:140px}.locking-diagram-list{width:500px;overflow-y:scroll;overflow-x:hidden;max-height:460px}.locking-diagram-list .locking-diagram-item{margin-bottom:16px;width:239px;float:left}.locking-diagram-list .locking-diagram-item .locking-diagram-title{margin-bottom:12px;font-size:14px;font-family:Noto Sans CJK;font-weight:400;line-height:22px;color:rgba(0,0,0,.45)}.locking-diagram-list .locking-diagram-item .locking-diagram-img-list{display:flex}.locking-diagram-list .locking-diagram-item .locking-diagram-img-list .locking-diagram-img-item{position:relative;width:63px;height:98px;background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,.1490196078);border-radius:2px;margin-right:12px}.locking-diagram-list .locking-diagram-item .locking-diagram-img-list .locking-diagram-img-item img{width:63px;height:98px}.locking-diagram-list .locking-diagram-item .locking-diagram-img-list .upload-img{position:relative;width:63px;height:98px;background:rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.1490196078);border-radius:2px;text-align:center;line-height:98px;font-size:20px}.locking-diagram-list .locking-diagram-item .locking-diagram-img-list .upload-img .addIcon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:1;color:#333}.locking-diagram-list .locking-diagram-item .locking-diagram-img-list .upload-img .img{width:63px;height:98px;opacity:0;position:absolute;top:0;left:0;z-index:2}.locking-add{margin-top:10px;width:129px;height:32px;border:1px solid #d9d9d9;border-radius:2px;font-size:14px;font-family:PingFangSC-Regular;line-height:32px;color:#595959;text-align:center}#checkModal .lag-cont{margin-top:0}.view-cont-git{margin-left:125px;margin-top:20px;width:224px;height:398px;background:#fff;border:1px solid #707070;text-align:center;line-height:398px}.view-cont-locking{margin-top:20px;overflow:hidden;width:550px;max-height:400px;overflow-x:hidden;overflow-y:scroll}.view-cont-locking .view-cont-locking-item{width:224px;height:380px;margin-right:30px;float:left}.view-cont-locking .view-cont-locking-item .view-cont-lockin-title{font-size:14px;font-family:Noto Sans CJK;font-weight:400;color:rgba(0,0,0,.45);margin-bottom:10px}.view-cont-locking .view-cont-locking-item .locking-img{width:224px;height:348px;background:#fff;border:1px solid #707070;overflow:hidden}.view-cont-locking .view-cont-locking-item .locking-img img{width:224px}.view-cont-locking .view-cont-locking-item .locking-img1{width:400px;height:330px;background:#fff;border:1px solid #707070;overflow-x:hidden;overflow-y:scroll}.view-cont-locking .view-cont-locking-item .locking-img1 img{width:400px}.step-cont{text-align:center;width:140px;height:33px;font-size:12px;font-family:Source Han Sans CN;font-weight:400;line-height:33px;background:#ededed;color:#a0a1a7}.step-cont-active{background:#1890ff;color:#fff}.del-icon{overflow:hidden;border-radius:50%;text-align:center;line-height:17.4px;position:absolute;z-index:1;width:20px;height:20px;background-color:#fff;text-align:center;top:-10px;right:-10px;border:1px solid #888;color:#888}.user .right_content .machineTextarea{width:2.2rem;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;height:1rem;min-width:0}.alt-img{font-size:14px;font-family:Noto Sans CJK;font-weight:400;line-height:22px;color:#707070;margin-bottom:10px}.row-table .table-th{display:flex;justify-content:start;align-items:center}/*# sourceMappingURL=masterStyle.css.map */

.table_title{overflow:hidden;width:100%;border:1px solid #ddd;font-size:.12rem;color:#fff;background-color:#4b8df8;font-weight:bold}.table_title > div{float:left;word-break:break-all;line-height:.36rem;border-right:1px solid #ddd;text-align:center;position:relative;margin-right:-1px;min-height:.36rem}.table_content > div{margin-right:-1px;min-height:.3rem;margin-bottom:-999px;padding-bottom:999px}.hostAllClients div > span.sort_icon{display:inline-block;position:relative;opacity:0}.hostAllClients div.active > span.sort_icon{opacity:1}.hostAllClients div.active > span.sort_icon.sort_icon i:first-child{top:-3px}.hostAllClients div.active > span.sort_icon.sort_icon i:last-child{top:-9px}.jp-font-fam{font-family:"Yu Gothic UI" !important}.master-sales-view{display:flex;flex-flow:row nowrap;margin-bottom:.15rem}.master-sales-view .view-item{display:flex;flex-flow:column nowrap;flex:1 1 auto;margin-right:.15rem;border-top:1px solid #f8b551;background-color:#f7f7f7;padding:.1rem .15rem;box-shadow:0 2px 5px rgba(0,0,0,.2);width:25%}.master-sales-view .view-item:last-child{margin-right:0}.master-sales-view .view-item div{display:flex;justify-content:space-between}.master-sales-view .view-item div:first-child span{font-weight:100;text-align:right}.master-sales-view .view-item div:last-child{align-items:center}.master-sales-view .view-item div:last-child span:first-child{width:.5rem;height:.49rem;margin:.04rem 0;background-size:100%}.master-sales-view .view-item div:last-child span:last-child{font-size:.2rem}.ui-grid-pager-row-count-picker .ui-grid-pager-row-count-label{display:none}.ui-widget-content a.linkColor{font-weight:bold;color:#25a9e0;cursor:pointer}.ui-widget-content a.linkColor:hover{color:#fff;background-color:#25a9e0}.ui-widget-content span.linkColor:hover{color:#fff;background-color:#25a9e0;text-decoration:none}.ui-jqgrid-bdiv .rating{width:26px;height:auto}.ui-widget{font-family:"微软雅黑",Arial}.product-list table td img{height:1rem;max-height:1rem;width:auto;max-width:100%}.none-checkbox input[type=checkbox]{display:none !important}ul.alert-mes{position:fixed;right:40px;bottom:50px;width:400px;-moz-box-shadow:inset 0 1px rgba(255,255,255,.24),0 1px 5px rgba(0,0,0,.6);-webkit-box-shadow:inset 0 1px rgba(255,255,255,.24),0 1px 5px rgba(0,0,0,.6);box-shadow:inset 0 1px rgba(255,255,255,.24),0 1px 5px rgba(0,0,0,.6);-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-moz-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none;z-index:1e+35}.alert-mes li{-moz-box-shadow:inset 0 1px rgba(255,255,255,.13),inset 0 -1px rgba(0,0,0,.23),inset 48px 0 0 rgba(0,0,0,.3),inset 46px 0 0 rgba(255,255,255,.07);-webkit-box-shadow:inset 0 1px rgba(255,255,255,.13),inset 0 -1px rgba(0,0,0,.23),inset 48px 0 0 rgba(0,0,0,.3),inset 46px 0 0 rgba(255,255,255,.07);box-shadow:inset 0 1px rgba(255,255,255,.13),inset 0 -1px rgba(0,0,0,.23),inset 48px 0 0 rgba(0,0,0,.3),inset 46px 0 0 rgba(255,255,255,.07);-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;position:relative;margin-bottom:0;font-size:13px;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiP…dpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);background-size:100%;background-image:-moz-linear-gradient(#5c5b5b, #353535);background-image:-webkit-linear-gradient(#5c5b5b, #353535);background-image:linear-gradient(#5c5b5b, #353535);background-color:#5c5b5b;color:#f0f0f0;font-weight:500;overflow:hidden}.alert-status{position:absolute;top:50%;margin:-7px 0 0 18px;display:block;width:14px;height:14px;border-radius:100%;box-shadow:inset 0 1px 3px rgba(0,0,0,.6),0 0 0 1px rgba(0,0,0,.2)}.alert-detail{padding:12px 25px 12px 60px;word-break:break-all;word-wrap:break-word}.success-btn{background:#4cae4c}.failure-btn{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiP…dpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);background-size:100%;background-image:-moz-linear-gradient(top, #dd6a45, #91361a);background-image:-webkit-linear-gradient(top, #dd6a45, #91361a);background-image:linear-gradient(to bottom, #dd6a45, #91361a);background-color:#dd6a45}.alert-close{position:absolute;top:0;right:0;color:#888;padding:8px;text-shadow:0 1px #000;opacity:1;font-weight:bold;display:block;font-size:20px;cursor:pointer;line-height:20px;background:transparent;border:0;-webkit-appearance:none}.ui-jqgrid .ui-jqgrid-hdiv{height:36px;line-height:36px}.ui-jqgrid .ui-jqgrid-htable th{height:36px}.ui-jqgrid .ui-jqgrid-htable th div{padding:.05rem 0;line-height:normal;font-weight:bold}.uploadMark{display:inline-block;background:#e7332d;width:6px;height:6px;border-radius:8px;position:relative;top:-8px}.active .uploadMark{display:none}.refund-note{vertical-align:text-top;border:1px solid #ccc;border-radius:4px;width:50%;max-width:90%;min-width:50%;height:.5rem;max-height:1rem;min-height:.5rem;padding:.05rem}#dataBox button{padding:0 .12rem !important;height:.24rem !important;line-height:.24rem !important;font-size:.12rem !important}.pic_detail{max-width:100%}.userEvent .ui-jqgrid tr.jqgrow td{line-height:20px}.select-host{float:right;background:#ed3d02;border:0;height:.24rem;line-height:.24rem;margin-right:.2rem}#progressbar_video div{background:#4b8df8}.host_modal #jqgh_gridTable_empty_count,#jqgh_gridTable1_bad_count,#jqgh_gridTable2_sold_out_count{margin-top:-10px;overflow:visible}.col-width-per-38{width:38%}.col-width-per-62{width:62%}.ui-jqgrid tr.ui-row-ltr td{white-space:pre-wrap !important}.applicable_container .content-lable{display:flex;align-items:center;flex-wrap:wrap;max-height:85px;box-sizing:border-box;overflow:hidden}.applicable_container .content-lable .content-lable-item{padding:5px 10px;margin-right:10px;font-size:14px;color:#363636;background:#e2edfe;border-radius:15px;margin-bottom:8px;display:flex}.applicable_container .content-lable .lable-item-name{display:inline-block;width:85px;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.applicable_container .content-lable .content-lable-item:hover{cursor:pointer}.applicable_container .content-lable .remove-icon{font-size:10px;color:#666;margin-left:5px}.applicable_container .content-lable .content-lable-itemid{padding:5px 10px;margin-right:10px;font-size:14px;color:#363636;background:#fff9de;border-radius:15px;margin-bottom:8px;display:flex}.applicable_container .content-lable-active{padding:8px;margin-top:8px;border:1px dashed #ccc}.applicable_container .activeClass{color:#363636;background:#e2edfe}.applicable_container .defaultClass{color:#363636;background:#fff}.applicable_container .content-lable-expend{padding:5px;border:1px dashed #ccc;border-top:none;text-align:center;color:#363636}.applicable_container .content-lable-expend:hover{cursor:pointer}/*# sourceMappingURL=main.css.map */

@charset "utf-8";

*{
    margin:0;
    padding:0;
}


body {
    color: #000;
    font-family: "微软雅黑", Arial;
    height: auto;
    font-size: 13px;
    overflow-x: hidden;
    overflow-y: auto!important;
}

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

ul{
    list-style: none;
    margin:0;
}

a{
    text-decoration: none;
    color: #000;
    cursor: pointer;
}

a.btn{
    display: inline-block;
}

h1, h2, h3, h4, h5{
    margin: 0;
    padding: 0;
}

button{
    outline: none!important;
}

label{
    font-weight: normal;
    cursor: pointer;
    margin-bottom:0;
}

input[type=file]{
    display: inline-block;
}

input[type=checkbox],input[type=radio]{
    cursor: pointer;
    outline: none!important;
}

button,input[type=checkbox],textarea,select{
    outline: none!important;
}

input[type = file] {
    line-height: normal!important;
}

i{
    font-style: normal;
}

p{
    margin:0;
}

.log_mes {
    position: relative;
    z-index: 1;
    background: #fff;
}

.tr_hover{
    background-color: #EBF7FB;
}

.log_mes tr:hover{
    background-color: #EBF7FB;
}

.log_mes td{
    word-break: break-all;
    vertical-align: middle!important;
    font-size: 12px;
}

.log_mes th{
    cursor: pointer;
    text-align: center;
    font-size: 12px;
}

.form-control{
    font-size: 0.13rem!important;
}

.menu-btn{
    display: none;
    position: fixed;
    top: 50%;
    left: -0.15rem;
    width:0.5rem;
    height:0.5rem;
    font-size: 0.6rem;
    background: url("../img/common/flag_fill.png") no-repeat left;
    background-size: 100%;
}

/** 模拟下拉框样式 **/
.select_slideDown{
    display: inline-block;
    min-width: 1rem;
}

.selectBox{
    width:100%;
    border:1px solid #ccc;
    height:0.3rem;
    padding:0 0.1rem;
}

/*.selectBox>span:first-child{*/
    /*white-space: nowrap;*/
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
/*}*/

.select_icon{
    position: absolute;
    top: 0.12rem;
    right: 0.1rem;
}

.select_ul {
    width:100%;
    min-width: 100%;
    margin:-1px 0 0 0;
    border-radius: 0;
    padding: 0;
    border-bottom:0;
    max-height: 1.56rem;
    overflow-y: auto;
}

.selectBox > span:first-child{
    width: 96%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    top: 5px;
}

.select_ul li{
    padding:0.05rem 0.1rem;
    border-bottom:1px solid #ccc;
    line-height: 0.2rem;
    font-size: 0.14rem;
    word-break: break-all;
    word-wrap: break-word;
}

.select_ul li:hover{
    background: #4d90fe;
    color: #fff;
}

/** 平台弹框样式设置 **/
.my-alert-box{
    padding:0.2rem;
}

/** 加载页面样式 **/
.spinner {
    margin: 100px auto;
    width: 20px;
    height: 20px;
    position: relative;
}


.container1 > div, .container2 > div, .container3 > div {
    width: 6px;
    height: 6px;
    background-color: #333;

    border-radius: 100%;
    position: absolute;
    -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
    animation: bouncedelay 1.2s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.spinner .spinner-container {
    position: absolute;
    width: 100%;
    height: 100%;
}

.container2 {
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}

.container3 {
    -webkit-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
}

.circle1 { top: 0; left: 0; }
.circle2 { top: 0; right: 0; }
.circle3 { right: 0; bottom: 0; }
.circle4 { left: 0; bottom: 0; }

.container2 .circle1 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.container3 .circle1 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.container1 .circle2 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.container2 .circle2 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

.container3 .circle2 {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
}

.container1 .circle3 {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
}

.container2 .circle3 {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

.container3 .circle3 {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
}

.container1 .circle4 {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}

.container2 .circle4 {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s;
}

.container3 .circle4 {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s;
}

@-webkit-keyframes bouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0.0) }
    40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
    0%, 80%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 40% {
          transform: scale(1.0);
          -webkit-transform: scale(1.0);
      }
}

/** 加载页面样式结束 **/

.float-left{
    float: left;
}

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

.padding-left{
    padding-left: 0;
}

.padding-right{
    padding-right: 0;
}

.margin-top-1{
    margin-top: -1px;
}

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

.margin-top-3{
    margin-top: -0.05rem;
}

.margin-top-5{
    margin-top: 0.05rem;
}

.margin-top-10{
    margin-top: 0.1rem;
}

.margin-top-15{
    margin-top: 0.15rem;
}

.margin-top-20{
    margin-top: 0.2rem;
}

.margin-top-30{
    margin-top: 0.3rem;
}

.margin-top-40{
    margin-top: 0.4rem;
}

.margin-top-50{
    margin-top: 0.5rem;
}

.margin-bottom-5{
    margin-bottom: 0.05rem;
}

.margin-bottom-10{
    margin-bottom: 0.1rem;
}

.margin-bottom-15{
    margin-bottom: 0.15rem;
}

.margin-bottom-20{
    margin-bottom: 0.2rem;
}

.margin-bottom-50 {
    margin-bottom: 50px !important;
}

.margin-right-10{
    margin-right: 0.1rem;
}

.margin-right-20{
    margin-right: 0.2rem;
}

.margin-right-50{
    margin-right: 0.5rem;
}

.margin-left-10{
    margin-left: 0.1rem;
}

.margin-left-20{
    margin-left: 0.2rem;
}

.padding-top-10{
    padding-top: 0.1rem;
}

.padding-top-20{
    padding-top: 0.2rem;
}

.padding-top-30{
    padding-top: 0.3rem;
}

.padding-top-40{
    padding-top: 0.4rem;
}

.line-height-25{
    line-height: 0.25rem;
}

.line-height-32{
    line-height: 0.32rem;
}

.line-height-30{
    line-height: 0.3rem;
}

.height-30{
    height: 0.3rem;
}

.line-height-52{
    line-height: 0.52rem;
}

.line-height-45{
    line-height: 0.45rem;
}

.line-height-100{
    line-height: 1rem;
}

.font-size-26{
    font-size: 0.22rem;
}

.font-size-12{
    font-size: 0.12rem;
}

.font-size-13{
    font-size: 0.13rem;
}

.font-size-14{
    font-size: 0.14rem;
}

.font-size-16{
    font-size: 0.16rem;
}

.font-size-18{
    font-size: 0.18rem;
}

.font-size-40{
    font-size: 0.40rem;
}

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

.font-weight-100{
    font-weight:100;
}

.font-color-red{
    color: red!important;
}

.font-color-green{
    color: #009900!important;
}

.font-color-d2d2d2{
    color: #d2d2d2!important;
}

.font-color-8B8989{
    color: #8B8989;
}

.font-color-868686{
    color: #868686;
}

.font-color-990000{
    color: #990000;
}

.font-color-80C269{
    color: #80C269;
}

.font-color-3cc051{
    color: #3cc051;
}

.font-color-A14949{
    color: #A14949;
}

.font-color-0d638f{
    color: #0d638f;
}

.font-color-1a75bb{
    color: #1a75bb;
}

.font-color-orange{
    color: orange;
}

.font-color-4d90fe{
    color: #4d90fe;
}

.font-color-be1d2c{
    color: #be1d2c;
}

.font-color-25A9E0{
    color: #25A9E0;
}

.border-right-ddd{
    border-right: 1px solid #ddd;
}

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

.border-right-0{
    border-right: 0!important;
}

.border-bottom-0{
    border-bottom: 0!important;
}

.border-top-green{
    border:1px solid #ddd;
    border-top:3px solid #80C269;
}

.border-top-yellow{
    border:1px solid #ddd;
    border-top:3px solid #F8B551;
}

.border-top-orange{
    border:1px solid #ddd;
    border-top:3px solid #EB6100;
}

.border-top-blue{
    border:1px solid #ddd;
    border-top:3px solid #448ACA;
}

.border-e02222{
    border:1px solid #e02222!important;
}

.border-80C269{
    border:1px solid #80C269;
}

.border-448ACA{
    border:1px solid #448ACA;
}

.border-4b8df8{
    border:1px solid #4b8df8 ;
}

.border-ffb848 {
    border:1px solid #ffb848  ;
}

.border-af5cc1 {
    border: 1px solid #af5cc1 ;
}

.border-af5cc1{
    border:1px solid #af5cc1;
}

.border-3cc051{
    border:1px solid #3cc051;
}

.border-C9DDF3{
    border:1px solid #C9DDF3;
}

.border-555{
    border:1px solid #555;
}

.border-ccc{
    border:1px solid #ccc;
}

.border-bottom-C9DDF3{
    border-bottom:1px solid #C9DDF3;
}

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

.background-color-e02222{
    background: #e02222;
}

.background-color-80C269{
    background: #80C269;
}

.background-color-3cc051{
    background: #3cc051;
}

.background-color-448ACA{
    background: #448ACA;
}

.background-color-4b8df8{
    background-color: #4b8df8;
}

.bg-color-af5cc1{
    background-color: #af5cc1;
}

.bg-color-555{
    background-color: #555;
}

.bg-color-ffebcd{
    background-color:#FFEBCD;
}

.gray_bg{
    background-color: #d8d8d8!important;
}

.btn-lightBlue{
    background-color: #4d90fe;
    color: #fff!important;
    position: relative;
    /*z-index: 1;*/
}

.bg-color-25A9E0{
    background-color: #25A9E0;
}

.btn-lightBlue:hover, .bg-color-25A9E0:hover{
    background-color: #0362fd;
}

.btn-lightBlack{
    background-color: #555;
    color: #fff!important;
}

.btn-lightBlack:hover{
    background-color: #222;
}

.cursor-pointer{
    cursor: pointer!important;
}

.cursor-default{
    cursor: default!important;
}

.cursor-not-allowed{
    cursor: not-allowed!important;
    background: #eee!important;
}

.clear-both{
    clear: both;
}

.clear-middle:before,.clear-middle:after{
    display: table;
    content: '';
    clear: both;
}

.overflow-hidden{
    overflow: hidden;
    padding: 0.01rem 0;
}

.forbid_click, .forbid_click:hover{
    color: #aaa!important;
    cursor: not-allowed!important;
    background-color: #ededed!important;
}

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

.display_block{
    display: block!important;
}

.display_inline{
    display: inline!important;
}

.display_none{
    display: none!important;
}

.confirm_modal{
    width:440px;
    height: auto;
    margin: 50% auto 0;
    padding-bottom: 20px;
}

.confirm_modal .modal-alert-tips{
    padding:20px 20px 0;
}
.confirm_modal_tip{
    width: 350px;
    margin: 250px auto 0;
}
.confirm_modal_tip .modal-content .modal-header{
    background: rgba(248, 248, 248, 1);
}
.confirm_modal_tip .modal-content .modal-footer{
    border:0;
}
.confirm_modal_tip .modal-content .modal-header .close{
    font-size: 24px;
}
.confirm_modal .modal-body{
    padding: 10px 20px;
    min-height: 0.2rem;
}

.confirm_modal .alert_btn{
    padding: 0 20px;
}

.confirm_modal .alert_btn button{
    padding: 4px 20px;
}

.icon_menu{
    background-image: url(../img/home/icon_menu.png);
}

.icon_dashboard{
    background-position: 2px -255px;
}

.icon_kiosk {
    background-position: 2px -222px;
}

.icon_my_kiosk {
    background-position: -30px -222px;
}

.icon_batch_kiosk {
    background-position: -94px -222px;
}

.icon_customization_verification {
    background-position: -32px -445px;
}

.icon_merchandise {
    background-position: 0 2px;
}

.icon_my_items {
    background-position: -30px 2px;
}

.icon_my_category {
    background-position: -62px 2px;
}

.icon_marketing {
    background-position: 0 -30px;
}

.icon_advertisement {
    background-position: -32px -30px;
}

.icon_coupons {
    background-position: -64px -30px;
}

.icon_promotion {
    background-position: -96px -30px;
}

.icon_survey {
    background-position: -128px -30px;
}

.icon_gift_activity {
    background-position: -160px -30px;
}

.icon_shopping_cart_promotion {
    background-position: -192px -30px;
}

.icon_store_activity {
    background-position: 0 -445px;
}

.icon_client_game {
    background-position: -160px -448px;
}

.icon_transactions {
    background-position: 0 -62px;
}

.icon_transactions_all {
    background-position: -32px -62px;
}

.icon_transactions_detail {
    background-position: -160px -62px;
}

.icon_refund_transactions {
    background-position: -64px -62px;
}

.icon_online_orders {
    background-position: -96px -62px;
}

.icon_reports {
    background-position: 0 -96px;
}

.icon_report_income {
    background-position: -32px -96px;
}

.icon_report_inventory {
    background-position: -64px -96px;
}

.icon_report_product_click {
    background-position: -96px -96px;
}

.client_settle_management {
    background-position: -64px -448px;
}

.icon_events {
    background-position: 0 -126px;
}

.icon_events_system {
    background-position: -32px -126px;
}

.icon_item_changes {
    background-position: -96px -126px;
}

.icon_not_taken {
    background-position: -64px -126px;
}

.icon_user_events {
    background-position: -192px -414px;
}

.icon_export{
    background-position: -157px -478px;;
}

.icon_update_log {
    background-position: -190px -478px;
}

/** 系统设置 **/
.icon_system_settings {
    background-position: 0 -158px;
}

.icon_interface_layout {
    background-position: -32px -158px;
}

.icon_interface_set_kiosk_layout {
    background-position: -64px -158px;
}

.icon_site_settings {
    background-position: -96px -158px;
}

.icon_advertisement {
    background-position: -32px -30px;
}

.icon_receivables {
    background-position: -192px -158px;
}

/**  host icon  **/

.icon_host_dashboard{
    background-position: 2px -255px;
}

.icon_host_clients {
    background-position: -30px -255px;
}

.icon_host_customization_verification {
    background-position: -32px -445px;
}

.icon_host_kiosk {
    background-position: 2px -222px;
}

.icon_host_kiosk_list {
    background-position: -62px -255px;
}

.icon_host_assign_kiosk {
    background-position: -94px -255px;
}

.icon_host_users {
    background-position: -128px -255px;
}

.icon_host_events {
    background-position: -160px -414px;
}

.icon_user_events {
    background-position: -192px -414px;
}

.icon_master_dashboard {
    background-position: 2px -255px;
}

.icon_master_host_kiosk {
    background-position: 2px -318px;
}

.icon_master_host {
    background-position: -31px -318px;
}

.icon_master_kiosk_assignment {
    background-position: -63px -318px;
}

.icon_master_kiosk_version {
    background-position: -95px -318px;
}

.icon_master_order_report {
    background-position: 2px -348px;
}

.icon_master_order_record {
    background-position: -31px -348px;
}

.icon_master_reports {
    background-position: -63px -348px;
}

.icon_master_custom_report {
    background-position: -95px -348px;
}

.icon_master_settings {
    background-position: 2px -380px;
}

.icon_master_payment_rate_settings {
    background-position: -31px -380px;
}

.icon_master_customer_billing_mgt {
    background-position: -63px -382px;
}

.icon_master_receiving_accounts_setting {
    background-position: -63px -190px;
}

.icon_master_api_config {
    background-position: -95px -190px;
}

.icon_master_app_settings {
    background-position: -95px -380px;
}

.icon_master_user_mgt {
    background-position: -127px -380px;
}

.icon_master_tools_mgt {
    background-position: 2px -413px;
}

.icon_master_plugin_mgt {
    background-position: -31px -413px;
}

.icon_master_wechat_menu_settings {
    background-position: -63px -413px;
}

.icon_master_wechat_auto_reply {
    background-position: -95px -413px;
}

.icon_master_template_mgt {
    background-position: -127px -413px;
}

.icon_master_game {
    background-position: -160px -448px;
}

.icon_master_events {
    background-position: -157px -413px;
}

.icon_master_wc_verification {
    background-position: -349px -478px;
}

.icon_master_remote_control {
    background-position: -32px -510px;
}

.client_cus_act{
    background-position: -62px -478px;
}

.icon_client_face_pic{
    background-position: -192px 0px;
}

.icon_wc_config {
    background-position: -94px -478px;
}

.client_wechat_manage{
    background-position:  0 40px;
}

.client_wechat_pub{
    background-position:  0 40px;
}

.client_express_store{
    background-position:  0 40px;
}

/** API **/
.icon_api {
    background-position: 0 -188px;
}

/** 帮助 **/
.icon_help {
    background-position: -32px -188px;
}

.icon_lucky_draw {
    background-position: -129px -510px;
}

.icon_sale_data {
    background-position: -125px -158px;
}

/** 概览 **/

.machine-status-icon{
    background: url("../img/overview/machineState.png") no-repeat center;
}

.salesE-icon{
    background: url("../img/overview/sales.png") no-repeat center ;
}

.salesL-icon{
    background: url("../img/overview/saleNumber.png") no-repeat center ;
}

.cargo-tank-icon{
    background: url("../img/overview/cargoTank.png") no-repeat center;
}

th .sort_icon{
    position: relative;
    display: inline-block;
    opacity: 0;
    padding-left: 0.1rem;
}

th.sort .sort_icon{
    opacity: 1;
}

th.sort .sort_icon i{
    position: absolute;
    left: 50%;
    margin-left: -5px;
}

.sort_icon i:first-child{
    bottom: -1px;
    border-width: 0.04rem 0.04rem 0;
    border-top-color: #fff;
}

.sort_icon i:last-child{
    top: -0.09rem;
    border-width: 0 0.04rem 0.04rem;
    border-bottom-color: #fff;
}


.portlet-body {
    background-color: #fff;
    padding: 10px;
}
.portlet.box .portlet-title {
    padding: 8px 10px 2px 10px;
    border-bottom: 1px solid #eee;
    color: #fff !important;
    margin-bottom: 0px;
}

.portlet.box.blue {
    border: 1px solid #b4cef8;
    border-top: 0;
}
.portlet-body.blue, .portlet.blue {
    background-color: #4b8df8 !important;
}


.yellow {
    background-color: #ffb848 !important;
}

.purple {
    background-color: #af5cc1 !important;
}

.navbar-inner {
    min-height: 40px;
    padding-right: 20px;
    padding-left: 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;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#fff2f2f2',GradientType=0);
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.065);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.065);
    box-shadow: 0 1px 4px rgba(0,0,0,0.065);
    font-size: 0.14rem;
    font-weight: 300;
}

.btnOpt{
    display: inline-block;
    padding: 0 0.12rem;
    margin-bottom: 0;
    font-size: 0.14rem;
    line-height: 0.3rem;
    color: #333;
    text-align: center;
    margin-top:-0.03rem;
    text-shadow: 0 1px 1px rgba(255,255,255,0.75);
    vertical-align: middle;
    cursor: pointer;
    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: 1px solid #ccc;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
}

.min-height-760{
    min-height: 7.6rem;
}

.api{
    background: #3d3d3d;
    height:100%;
}

.api-item>span{
    display: inline-block;
    width: 2.44rem;
    line-height: 0.3rem;
}

.api-item>input {
    display: inline-block;
    width:2.2rem;
    height: 0.3rem;
    line-height: 0.3rem;
    padding-left: 0.06rem;
    margin-bottom:0.1rem;
}

.api-item>input.width-530{
    width:5.3rem;
}

.text-indent-15{
    text-indent:15px;
}

.width-20{
    width: 0.2rem;
}

.width-82{
    width:0.82rem;
}

.width-200{
    width:2rem!important;
}

.width-300{
    width:3rem;
}

.width-600{
    width:6rem;
}

.width-150{
    width:1.5rem!important;
}

.width-120{
    width:1.2rem!important;
}

.width-164{
    width:1.64rem;
}

.width-100{
    width:1rem;
}

.width-2-100{
    width: 2% !important;
}
.width-4-100{
    width: 4% !important;
}
.width-8-1 {
    width: 12.5%;
}

.width-12-1 {
    width: 8.5%;
}

.width-5-100{
    width: 5% !important;
}

.width-8-100{
    width: 8% !important;
}

.width-10-100{
    width: 10% !important;
}

.width-11-100{
    width: 11% !important;
}

.width-14-100{
    width: 14% !important;
}

.width-15-100{
    width: 15% !important;
}

.width-18-100{
    width: 18% !important;
}

.width-20-100{
    width: 20% !important;
}

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

.width-25-100{
    width: 25% !important;
}

.width-30-100{
    width: 30% !important;
}

.width-35-100{
    width: 35% !important;
}

.width-50-100{
    width: 50% !important;
}

.width-1-100{
    width: 1.5% !important;
}

.black_white_box{
    padding: 0 0.3rem 0.5rem 0.3rem;
    background-color:#fff;
    min-height: 7.74rem;
    margin-left: -15px;
    margin-right: -15px;
}

.modal-dialog{
    margin-top: 1.5rem;
}

.modal-body{
    padding: 0.15rem;
    max-height: 400px;
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-body table>tbody>tr>td{
    word-break: break-all;
    vertical-align: middle;
    line-height: 0.2rem;
    padding: 7px;
}

.left_title{
    float: left;
    width:20%;
    line-height: 0.3rem;
    word-break: break-all;
    word-wrap: break-word;
}

.right_content{
    float: left;
    width:80%;
}

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

.flex-col{
    flex-flow: column!important;
}

.flex-item .flex-title{
    display: flex;
    align-items: center;
    /*padding-right: 5%;*/
    flex: 0 0 auto;
    min-width: 25%;
}

.flex-item .flex-content{
    position: relative;
    display: flex;
    flex: 1 1 auto;
    flex-flow: row wrap;
}

.flex-item .flex-content label{
    flex-flow: row ;
}

label input[type=checkbox],label input[type=radio] {
    float: left;
    margin: 0.03rem 0.03rem 0 0;
}

.input-group button.btn{
    margin-top: 0 !important;
}

.box-shadow{
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    position: relative;
    z-index: 1;
}

.paging .select_slideDown{
    margin-left: 0.2rem;
    line-height: 0.34rem;
    width:0.8rem;
    min-width: 0.8rem!important;
}

.paging .select_slideDown .selectBox{
    height:0.34rem;
    width:0.8rem;
    text-align: left;
}

.category_select_ul {
    width:100%;
    min-width: 100%;
    margin:-1px 0 0 0;
    border-radius: 0;
    padding: 0;
    border-bottom:0;
    max-height: 3.31rem;
    overflow-y: auto;
}

.category_select_ul li{
    padding:0 0.3rem;
    height:0.3rem;
    line-height: 0.3rem;
}

.category_select_ul  li:hover{
    background: #4d90fe;
    color: #fff;
}

.alertBox .modal-body{
    min-height: 0.3rem;
}

.pagination>li.last_li>a, .pagination>li.last_li>span {
    margin-left: -1px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.display-block {display: block;}

.showShotImg{
    position: relative;
    width:100%;
    height:100%;
    text-align: center;
    overflow-x: hidden;
    overflow-y: auto;
    padding-bottom: 0.5rem;
}

.showShotImg .load{
    position: absolute;
    top:20%;
    margin: 20px 0 0 -95px;

}

.shotImgDiv{
    display: inline-block;
    /*width: 540px;*/
    border: 1px solid #bfbfbf;
    text-align: center;
    font-size: 18px;
    background-color: #fff;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.shotImg{
    display: block;
    /*width: 540px;*/
    height: auto;
}

.blackBg{
    background: #000;
}

.batchShotImg{
    float: left;
    margin: 0.2rem 0.1rem 0 0.15rem;
    width:380px;
    height:520px;
    border:1px solid #bfbfbf;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.machineTitle{
    height:0.39rem;
    line-height: 0.39rem;
    border-bottom: 1px solid #bfbfbf;
    font-weight: bold;
}

.batchShotImgContent{
    height:480px;
}

 .btn{
    padding: 0 0.12rem!important;
    height: 0.3rem!important;
    line-height: 0.3rem!important;
    font-size: 0.14rem!important;
}

.form-control{
    padding: 0 0.06rem!important;
    height: 0.3rem!important;
    line-height: 0.3rem!important;
}

select.form-control{
    padding: 0 0.03rem!important;
}

.nav > li > a{
    padding: 0.1rem 0.15rem;
}

.m-index{
    display: inline-block;
}

.showUploadImg{
    width: 2rem;
    position: relative;
    height:auto;
    margin-top: 0.2rem;
}

.file-box{
    background:white;
    cursor:pointer;
    border: 2px dashed #999;
    overflow:hidden;
    width:66px;
    height:66px;
    line-height:66px;
    font-size:12px;
}
.file-btn{
    position: relative;
    width: 66px;
    height: 66px;
    top: -68px;
    outline: none;
    background-color: transparent;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}

.form-texteare{
    display: block;
    width: 2rem;
    min-height: 0.5rem;
    max-height: 1.5rem;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0.06rem;
    font-size: 0.14rem;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.pc_none{
    display: none!important;
}

.screen-condition li{
    display: inline-block;
}

.actionTd a, .actionTd span{
    color: #25A9E0;
    font-weight: bold;
    cursor: pointer;
}

.linkColor{
    color: #25A9E0;
    font-weight: bold;
    cursor: pointer;
}

.linkColor:hover{
    text-decoration: underline;
}

.table{
    margin-bottom: 0;
}

.tips {
    padding: 8px 35px 8px 14px;
    margin-bottom: 10px;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    color: #960;
    border-radius: 5px;
}

.z-index-1000{
    position: relative;
    z-index: 10;
}
.disFlex{
    display: flex;
    align-items: center;
}

.disFlex h2{
    flex: 0 0 20%;
}

.disFlex span{
    flex:  1 1 100%;
}

.vertical-m{
  vertical-align: middle!important;
}

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

.ui-datepicker{
    z-index: 99999999!important;
}


@media screen and (min-width: 320px) and (max-width: 736px){

    html{
        font-family:"Comic Sans MS","幼圆","黑体",sans-serif;
    }
    .overview,.myMachine,.report,.systemLog,.user,.marketing {
        padding: 0 0.3rem 0.6rem;
        height: auto;
    }

    .confirm_modal{
        width: 320px;
        height: 130px;
        margin: 100px auto 0;
        font-size: 16px;
    }

    .flex-item{
        padding: 5px 0;
    }

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

    .pagination > li > a, .pagination > li > span {
        padding: 0 8px;
        height: 26px;
        line-height: 26px;
    }

    .paging .select_slideDown {
        width: 40px;
    }

    .paging .select_slideDown .selectBox{
        width: 40px;
        height: 26px;
        line-height: 26px;
    }

    .select_icon{
        top: 11px;
        right: 5px;
    }

    .paging  .dropdown-menu{
        min-width: 40px;
        border-radius: 0;
        margin-top: -1px;
        padding: 0;
    }

    .select_ul li {
        padding: 8px 3px;
    }

    /* 固定选择选项框 */
    .mobile-fixed{
        width: 100%;
        position: fixed;
        margin: 0 -0.3rem;
        background: #fff;
        z-index: 100;
    }

    .mobile-box-shadow{
        padding: 0 3.5% 10px;
        box-shadow: 0 3px 2px rgba(0, 0, 0, 0.2);
    }

    .display-flex{
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        margin-top: 10px;
    }

    .display-flex .m-input{
        display: flex;
        width: 77%!important;
        height: 30px!important;
        line-height: 30px!important;
        font-size: 16px!important;
    }

    .display-flex .mS-btn{
        display: flex;
        width: 20%;
        height: 30px!important;
        line-height: 30px!important;
        font-size: 16px!important;
        align-items: center;
        justify-content: center;
    }

    div.select-item {
        display: flex!important;
        flex-flow: nowrap row;
        justify-content: space-between;
    }

    .select-item .btn{
        display: flex;
        height: 30px!important;
        line-height: 30px!important;
        font-size: 16px!important;
        align-items: center;
        justify-content: center;
        flex: 1 1 31%;
        margin-right: 0.2rem;
    }

    .select-item a.btn{
        margin-right: 0;
    }

    .screen-box{
        border: 1px solid #ccc;
        border-radius: 5px;
        display: flex;
        font-size: 16px;
        align-self: center;
        justify-content: space-between;
    }

    .screen-box input{
        border: 0;
        border-radius: 5px 0 0 5px;
        padding-left: 10px;
        height: 28px;
        line-height: 28px;
    }

    .screen-box button{
        display: flex;
        height: 28px;
        line-height: 28px;
        padding: 0 10px;
        border: 0;
        text-align: center;
        border-radius: 0 5px 5px 0;
        background: transparent;
    }

    .margin-top110{
        padding: 10px 20px;
        margin-top: 100px!important;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .margin-top150{
        padding: 10px 20px;
        margin-top: 150px!important;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .margin-top30{
        padding: 10px 20px;
        margin-top: 30px!important;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .margin-top65{
        margin-top: 65px;
    }

    .margin-top85{
        margin-top: 85px;
    }

    .margin-top150{
        margin-top: 165px;
    }

    .mobile-list{
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        margin-bottom: 20px;
        font-size: 16px!important;
        padding: 15px;
        border-radius: 6px 6px 5px 5px;
        box-shadow: 3px 5px 3px rgba(33, 33, 33, 0.1), -5px -3px 4px rgba(33, 33, 33, 0.1);
    }

    .mobile-list-item{
        display: flex;
        justify-content: space-between;
        flex: 0 0 48%;
    }

    .mobile-list-item input{
        height: 24px;
        line-height: 24px;
    }

    .mobile-list-item span{
        display: flex;
        padding: 5px 0;
    }

    .sort_mobile label{
        font-size: 14px;
    }

    .sort_mobile ol{
        margin-top: 10px;
        padding: 0 15px;
        position: relative;
        z-index: 1;
    }

    .sort_mobile li {
        height: 30px;
        line-height: 30px;
        width: 100%;
        border-radius: 3px;
        font-size: 14px;
        box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    }

    .mobile-list-item span:first-child{
        width: 40%;
        flex-flow: row wrap;
        color: #B1B1B1;
        font-weight: 500;
        flex: 0 0 auto;
    }

    .mobile-list-item span:last-child{
        width: 60%;
        flex-flow: row wrap;
        justify-content: flex-end;
    }

    .handle-btn-mobile{
        display: flex;
        width: 100%;
        justify-content: center;
        margin-top: 20px;
    }

    .handle-btn-mobile .btn{
        height: 30px!important;
        line-height: 30px!important;
        font-size: 18px!important;
        padding: 0 20px!important;
        margin-right: 15px;
    }

    .handle-btn-mobile .btn span{
        margin-right: 3px;
    }

    .btn {
        padding: 0 12px!important;
        height: 30px!important;
        line-height: 30px!important;
        font-size: 16px!important;
    }

    .form-control {
        padding: 0 6px!important;
        height: 30px!important;
        line-height: 30px!important;
        min-width: 150px;
        font-size: 14px!important;
    }

    .display_inline{
        display: block!important;
    }

    .pc_none{
        display: block!important;
    }

    .icon_menu{  background-image: url("../img/common/mobile_icon_16.png");  }

    /* 概览 */
    .icon_dashboard{  background-position: -29px 3px;  }
    .active .icon_dashboard{  background-position: 3px 3px;  }

    /** 机器 **/
    .icon_kiosk { background-position: -29px -62px;}
    .active .icon_kiosk{ background-position: 3px -62px; }

    /** 我的机器 **/
    .icon_my_kiosk{  background-position: -221px -157px;  }
    .active  .level2>li.active .icon_my_kiosk{  background-position: -189px -157px; }

    /* 机器配置 */
    .icon_batch_kiosk{  background-position: -93px -62px;  }
    .active .level2>li.active .icon_batch_kiosk{  background-position: -61px -62px; }

    /* 自定义审核 */
    .icon_customization_verification{  background-position: -93px -29px;  }
    .active .level2>li.active .icon_customization_verification{  background-position: -61px -29px; }
    .active .level2>li:hover .icon_customization_verification{  background-position: -61px -29px; }

    /* 商品管理 */
    .icon_merchandise{  background-position: -221px -93px;  }
    .active .icon_merchandise{  background-position: -189px -93px; }

    /* 我的商品 */
    .icon_my_items{  background-position: -285px -157px;  }
    .active .level2>li.active .icon_my_items{  background-position: -253px -157px; }

    /* 商品品类 */
    .icon_my_category{  background-position: -29px -125px;  }
    .active .level2>li.active .icon_my_category{  background-position: 3px -125px; }

    /* 市场营销 */
    .icon_marketing{  background-position: -93px -126px;  }
    .active .icon_marketing{  background-position: -61px -126px; }

    /* 广告 */
    .icon_advertisement{  background-position: -157px -30px;  }
    .active .level2>li.active .icon_advertisement{  background-position: -125px -29px; }
    .active .level2>li:hover .icon_advertisement{  background-position: -125px -29px; }

    /* 优惠券 */
    .icon_coupons{  background-position: -29px -221px;  }
    .active .level2>li.active .icon_coupons{  background-position: 3px -221px; }

    /* 促销活动 */
    .icon_promotion{  background-position: -221px 3px;  }
    .active .level2>li.active .icon_promotion{  background-position: -189px 3px; }

    /* 互动问卷 */
    .icon_survey{  background-position: -285px -29px;  }
    .active .level2>li.active .icon_survey{  background-position: -253px -29px; }
    .active .level2>li:hover .icon_survey{  background-position: -253px -29px; }

    /* 赠品活动 */
    .icon_gift_activity{  background-position: -221px -221px;  }
    .active .level2>li.active .icon_gift_activity{  background-position: -189px -221px; }


    /* 满赠满减 */
    .icon_shopping_cart_promotion{  background-position: -285px -221px;  }
    .active .level2>li.active .icon_shopping_cart_promotion{  background-position: -253px -221px; }

    /* 门店活动 */
    .icon_store_activity{  background-position: -93px -93px;  }
    .active .level2>li.active .icon_store_activity{  background-position: -61px -93px; }
    .active .level2>li:hover .icon_store_activity{  background-position: -61px -93px; }

    /* 游戏奖励 */
    .icon_client_game{  background-position: -93px -221px;  }
    .active .level2>li.active .icon_client_game{  background-position: -61px -221px; }

    /* 交易 */
    .icon_transactions{  background-position: -157px -61px;  }
    .active .icon_transactions{  background-position: -125px -61px; }

    /* 订单交易 */
    .icon_transactions_all{  background-position: -285px 3px;  }
    .active .level2>li.active .icon_transactions_all{  background-position: -253px 3px; }

    /* 商品交易 */
    .icon_transactions_detail{  background-position: -285px -93px;  }
    .active .level2>li.active .icon_transactions_detail{  background-position: -253px -93px; }

    /* 退款交易 */
    .icon_refund_transactions{  background-position: -29px -157px;  }
    .active .level2>li.active .icon_refund_transactions{  background-position: 3px -157px; }

    /* 预订交易 */
    .icon_online_orders{  background-position: -157px -221px;  }
    .active .level2>li.active .icon_online_orders{  background-position: -125px -221px; }

    /* 统计报表 */
    .icon_reports{  background-position: -285px -125px;  }
    .active .icon_reports{  background-position: -253px -125px; }

    /* 销售报表 */
    .icon_report_income{  background-position: -157px -189px;  }
    .active .level2>li.active .icon_report_income{  background-position: -125px -189px; }

    /* 库存报表 */
    .icon_report_inventory{  background-position: -29px -93px;  }
    .active .level2>li.active .icon_report_inventory{  background-position: 3px -93px; }

    /* 互动报表 */
    .icon_report_product_click{  background-position: -221px -29px;  }
    .active .level2>li.active .icon_report_product_click{  background-position: -189px -29px; }

    /* 客户结算管理 */
    .client_settle_management{  background-position: -285px -61px;  }
    .active .level2>li.active .client_settle_management{  background-position: -253px -61px; }

    /* 日志事件 */
    .icon_events{  background-position: -157px -125px;  }
    .active .icon_events{  background-position: -125px -125px; }

    /* 系统日志 */
    .icon_events_system{  background-position: -29px -189px;  }
    .active .level2>li.active .icon_events_system{  background-position: 3px -189px; }

    /* 商品变化 */
    .icon_item_changes{  background-position: -157px -93px;  }
    .active .level2>li.active .icon_item_changes{  background-position: -125px -93px; }

    /* 未取商品 */
    .icon_not_taken{  background-position: -157px -157px;  }
    .active .level2>li.active .icon_not_taken{  background-position: -125px -157px; }

    /* 用户事件 */
    .icon_user_events{  background-position: -285px -189px;  }
    .active .level2>li.active .icon_user_events{  background-position: -253px -189px; }

    /* 系统设置 */
    .icon_system_settings{  background-position: -93px -189px;  }
    .active .icon_system_settings{  background-position: -61px -189px; }

    /* 界面模板管理 */
    .icon_interface_layout{  background-position: -221px -61px;  }
    .active .level2>li.active .icon_interface_layout{  background-position: -189px -61px; }

    /* 分配机器模板 */
    .icon_interface_set_kiosk_layout{  background-position: -29px -29px;  }
    .active .level2>li.active .icon_interface_set_kiosk_layout{  background-position: 3px -29px; }

    /* 网站配置 */
    .icon_site_settings{  background-position: -93px -157px;  }
    .active .level2>li.active .icon_site_settings{  background-position: -61px -157px; }

    /* 收款信息 */
    .icon_receivables{  background-position: -221px -189px;  }
    .active .level2>li.active .icon_receivables{  background-position: -189px -189px; }

    /* client_api */
    .icon_api{  background-position: -93px 3px;  }
    .active .icon_api{  background-position: -61px 3px; }

    /* 帮助 */
    .icon_help{  background-position: -157px 3px;  }
    .active .icon_help{  background-position: -125px 3px; }


    .mobile-none{
        display: none!important;
    }

    .m-margin0{
        margin-top: 0;
    }

    .m-btn{
        width: 100%;
        text-align: center;
        height: 0.6rem!important;
        line-height: 0.6rem!important;
        font-size: 0.3rem!important;
        margin-bottom: 0.3rem;
        padding: 0.15rem 0;
    }

    .m-search-btn{
        display: inline-block!important;
        width: 20%;
        text-align: center;
        height: 0.6rem!important;
        line-height: 0.6rem!important;
        font-size: 0.3rem!important;
        margin-bottom: 0.05rem;
    }

    .clear-margin{
        margin-left: 0;
        margin-right: 0;
    }

    .padding0{
        padding: 0!important;
    }

    .font-size-12{
        font-size: 12px;
    }

    .font-size-m24{
        font-size: 0.6rem;
    }

    .font-size-m18{
        font-size: 0.4rem;
    }

    .font-size-m16{
        font-size: 0.35rem;
    }

    .font-size-m14{
        font-size: 0.3rem;
    }

    .font-size-m10{
        font-size: 0.25rem;
    }

    .font-color-71c9f1{
        color: #71c9f1;
    }

    .font-color-ff90a0{
        color: #ff90a0;
    }

    .font-color-eb71ac{
        color: #eb71ac;
    }

    .font-color-0086cf{
        color: #0086cf;
    }

    .font-color-ff4573{
        color: #ff4573;
    }

    .font-color-ffcf69{
        color: #ffcf69;
    }

    .font-color-8466ac{
        color: #8466ac;
    }

    .line-height-1rem{
        line-height: 1rem!important;
    }

    .line-height-0_6rem{
        line-height: 0.6rem!important;
    }

    .width-70-100{
        width: 70% !important;
    }

    label input[type=checkbox], label input[type=radio]{
        margin: 2px 5px 0 0 ;
        width: 12px;
        height: 12px;
    }

    .select-btn{
        position: relative;
        right: 0;
    }

    .border-top-0199d8{
        border-top: 5px solid #0199d8;
    }

    .border-top-ff4573{
        border-top: 5px solid #ff4573;
    }

    .border-top-0153a5{
        border-top: 5px solid #0153a5;
    }

    .border-top-ffcf69{
        border-top: 5px solid #ffcf69;
    }

    .border-top-e24698{
        border-top: 5px solid #e24698;
    }

    .border-top-733a98{
        border-top: 5px solid #733a98;
    }

    .border-top-0199db{
        border-top: 5px solid #0199db;
    }

    .border-transparent{
        border: 1px solid transparent;
    }

    .bg-0199d8{
        background-color: #0199d8;
    }

    .bg-FFCF69{
        background-color: #FFCF69;
    }

    .bg-FF4574{
        background-color: #FF4574;
    }

    .bg-b7b7b7{
        background-color: #b7b7b7;
    }

    .border-radius-5{
        border-radius: 5px;
    }

    /** 顶部信息 **/
    .topBar{
        background: #fff;
        height: 40px;
        line-height: 40px;
        padding: 0 3.3% 0;
    }

    .topBar ul li{
        color: #000!important;
        font-size: 16px;
        height:0.5rem!important;
        line-height: 0.5rem!important;
        font-weight: normal;
    }

    .topBar .mobile-menu{
        display: inline-block;
        font-size: 20px;
        top: -8px;
    }

    .topBar img{
        display: none;
    }

    /* home */
    .navMenu .navTree {
        display: none;
        position: absolute;
        z-index:1000;
        width: 50%;
    }

    .menu-btn{
        display: block;
        z-index: 11000;
    }

    .navView{
        margin-left: 0;
        padding-left: 0;
    }

    /** 菜单 **/

    .navMenu {
        top: 0.5rem;
    }

    .navTree li>div{
        padding: 10px 0.15rem;
        font-size: 16px;
    }

    .navTree li>div i {
        float: left;
        width: 24px;
        height: 24px;
        margin-top: -0.08rem;
        margin-right: 0.2rem;
    }

    .navMenu .navTree .level1>li.active>div{
        background: #D2D5DA;
        color: #1E364C;
    }

    .navTree .level2>li>div:hover{
        background: #D2D5DA;
        color: #1E364C;
    }

    .navTree .level2 li.active>div{
        background: #D2D5DA;
        color: #1E364C;
    }

    .navTree .level1>li>div{
        background-color: #1E364C;
    }

    .navTree .level3 li>div{
        background-color: transparent;
    }

    .navTree .level2 div{
        padding: 0.2rem 0.5rem;
        background-color: #29435E;
    }

    .navTree li.level2>div i{
        margin-top: -0.03rem;
    }

    .navMenu .navTree .level3 li{
        padding: 5px 5px 5px 0.6rem;
    }

    .navTree .level3 li.active{
        background: #D2D5DA;
    }

    /** 概览 **/
    .mobil-item{
        float: left;
        width:45%;
        padding-right: 0;
    }

    .mobil-item:nth-child(2n){
        margin: 0.3rem 3.3% 0 0;
    }

    .mobil-item:nth-child(2n + 1){
        margin: 0.3rem 3.4% 0 3.3%;
    }

    .overview .overview-item{
        min-height: 2.5rem;
    }

    .mobil-title{
        width: 100%;
        line-height: 0.6rem;
        font-weight: normal;
        padding-top: 0.1rem;
    }

    .mobil-title:first-child{
        font-size: 16px;
        font-weight: bold;
    }

    .overview .item-handle-icon{
        display: none;
    }

    .item-handle{
        text-align: center;
        padding-left: 0;
        padding-right: 0;
    }

    .item-handle span{
        display: inline-block;
        max-width: 45%;
        word-break: break-all;
        padding: 0.2rem 0;
        line-height: 0.4rem;
        font-weight: bold;
        font-size: 16px;
    }

    .overview-sort{
        margin: 0.3rem auto 0;
        padding: 0;
        border-radius: 0 0 5px 5px;
        box-shadow: 3px 4px 4px 0 rgba(33, 33, 33, 0.1), -3px 4px 4px 0 rgba(33, 33, 33, 0.1);
    }

    .overview-sort ul{
        overflow: hidden;
    }

    .overview-sort li{
        float: left;
        width: 49.5%;
        border-top: 5px #0153a5 solid;
        border-radius: 5px 5px 0 0;
        line-height: 0.5rem;
        text-align: center;
        font-size: 0.3rem;
        padding-bottom: 5px;
        box-shadow: 3px 0 4px 0 rgba(33, 33, 33, 0.1), -3px 4px 4px 0 rgba(33, 33, 33, 0.1);
    }

    .overview-sort li.active{
        background: #1e354d;
        color: #fff;
        border-top: 5px #1e354d solid;
    }

    .overview-sort li:last-child{
        float: right;
    }

    .overview-sort .box-shadow{
        box-shadow: none;
    }

    .sale-dashboard{
        margin-right: 0;
        margin-left: 0;
        padding: 0;
        border-radius: 5px;
    }

    .sales-overview-title{
        border-radius: 5px 5px 0 0;
        padding: 0.15rem 0 0.05rem 0.1rem;
    }

    .sales-chert-box{
        border-radius: 0 0 5px 5px;
    }

    #income_combo{
        width: 100%;
        height: 5rem;
    }

    .overview .sales-chert-box>div text{
        font-size: 0.25rem!important;
    }

    .highcharts-legend-item{
        margin-top: -0.3rem;
    }

    .overview .select-date li {
        height: 0.6rem;
        padding: 0.1rem 0.05rem 0;
        line-height: 0.25rem;
    }

    .sort-item{
        margin-bottom: 0;
    }

    /** 修改配置 **/
   .machine_config  .info_title_mobile{
       border-radius: 5px 5px 0 0;
       color: #fff;
       font-size: 0.30rem;
       padding: 0.05rem 0.3rem 0;
       line-height: 0.5rem;
   }

   .screen-kiosk{
       position: relative;
       padding: 0.1rem 8% 0.15rem;
       box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
       background-color: #fff;
       z-index: 10;
   }

   .screen-kiosk .form-control{
       width: 70%;
       border-radius: 3px;
       height:0.7rem!important;
       line-height: 0.6rem!important;
       padding: 0.05rem 0.1rem!important;
       font-size: 0.28rem!important;
   }

   .screen-kiosk button{
       height: 0.7rem!important;
       line-height: 0.7rem!important;
       padding: 0 0.35rem!important;
       font-size: 0.3rem!important;
   }

    .screen-kiosk button span{
        padding-left: 1px;
    }

    .myMachine .info-content{
        border-radius:  0 0 5px 5px;
    }

    .info-content table{
        font-size: 0.3rem!important;
        line-height: normal!important;
    }

    .info-content td{
        padding-left: 0!important;
    }

    .info-content th{
        font-weight: normal;
        width: 50%;
    }

    .info-content td .select-item{
        position: absolute;
        padding: 0;
        font-size: 0.3rem;
        top: 25%;
        right: 0;
    }

    .info-content td  .pc_none{
        position: relative;
        display: inline-block;
        min-height: 0.3rem;
    }

    .info-content td  .pc_none>span:first-child{
        display: block;
        width: 85%;
        padding: 0.2rem 0 0.2rem 5%;
        line-height: 0.3rem!important;
    }

    .info-content td input.form-control{
        min-width: 80px;
    }

    .info-content th p{
        margin-top: -0.15rem;
        line-height: 0.25rem;
        font-size: 0.25rem;
    }

    .editSelect{
        overflow: hidden;
        width: 100%;
        height: 100%;
    }

    .editSelect .modal-dialog{
        position: absolute;
        left:0;
        right:0;
        top: 15%;
        bottom: 0;
        margin: 0;
    }

    .editSelect .modal-content{
        border: 0;
        height:100%;
        border-radius: 5px 5px 0 0 ;
    }

    .editSelect .modal-body{
        max-height: 100%;
        height:100%;
        padding: 0.5rem;
    }

    .editSelect ul{
        padding-top: 0.2rem;
    }

    .editSelect ul li {
        width:90%;
        margin: 0 auto;
        text-align: center;
        font-size: 0.3rem;
        line-height: 0.5rem;
        border-bottom: 1px solid #bfbfbf;
        padding: 0.2rem 0;
    }

    .editSelect ul li button{
        width: 60%;
        height: 0.8rem !important;;
        line-height: 0.8rem!important;
        font-size: 0.3rem!important;
    }

    .editSelect label{
        display: block;
        text-align: left;
        font-size: 0.3rem;
        line-height: 0.5rem;
        padding: 0.2rem 0;
    }

    .editSelect label input[type=checkbox]{
        display: inline-block;
        width: 0.3rem;
        height: 0.3rem;
        margin: 0.06rem 0.15rem 0 0;
    }

    .info-content td  .pc_none input.form-control{
        width: 50%;
        height: 0.6rem!important;
        line-height: 0.6rem!important;
        border-radius: 3px;
    }

    .uploadImgBtn{
        position: relative;
        width: 2rem;
        height:1rem;
        text-align: center;
        line-height: 2rem;
        color: #7C8187;
        border-radius: 5px;
        border: 1px solid #bfbfbf;
    }
    .uploadImgBtn div{
        width: 2rem;
        height: 1rem;
        line-height: 1.05rem;
        text-align: center;
        vertical-align: middle;
        font-size: 0.5rem;
    }

    .uploadImgBtn input[type=file]{
        position: absolute;
        width:100%;
        height:1rem;
        opacity: 0;
        top:0;
        left: 0;
    }

    .machine_config .info-content td .left_title{
        width: 26%;
        height: 0.6rem;
        line-height: 0.6rem;
        padding: 0 2%;
    }

    .machine_config .info-content .left_title i{
        height: 0.6rem;
        line-height: 0.6rem;
        border-radius: 2px;
        padding: 0 0.1rem;
    }

    .machine_config .info-content td .right_content{
        width: 70%;
        line-height: 0.6rem;
    }

    .machine_config .info-content td .right_content label{
        height: 0.6rem;
        line-height: 0.6rem;
        margin-top: 0;
    }

    .machine_config .info-content td .right_content label input[type=checkbox]{
        width: 0.25rem;
        height: 0.25rem;
        margin-top: 0.16rem;
        margin-right: 0.1rem;
    }

    .myMachine .info-content input[type=text]{
        height: 0.5rem !important;
        line-height: 0.5rem!important;
        border-radius: 2px;
        font-size: 0.3rem!important;
    }

    /** 交易 **/
    .statistical_class{
        position: fixed;
        top: 15px;
        left: 0;
        right: 0;
        background: #fff;
        margin-top: 0;
        padding: 0 3% 0.2rem;
        box-shadow: 3px 4px 4px 0 rgba(33, 33, 33, 0.1), -3px 4px 4px 0 rgba(33, 33, 33, 0.1);
        z-index: 10;
        border: 0;
    }

    .trans_input_m{
        width: 75%!important;
        height: 0.6rem!important;
        line-height: 0.6rem!important;
        border-radius: 3px;
        font-size: 0.3rem!important;
        display: inline-block!important;
    }

    .screening-date{
        display: block;
        margin-top: 0.2rem;
        font-size: 0.3rem!important;
        margin-bottom: 0.2rem;
    }

    .screening-date .form-control{
        width: 41.5%!important;
        height: 0.6rem!important;
        line-height: 0.6rem!important;
        border-radius: 3px;
        font-size: 0.3rem!important;
    }

    .screen-item{
        display: inline-block!important;
        width: 30%;
        float: left;
        margin-right: 3.3%;
    }

    .screen-item:nth-child(3){
        float: right;
        /*margin-right: 3%;*/
    }

    .screen-item button{
        width: 100%;
        height: 0.6rem!important;
        line-height: 0.6rem!important;
        border-radius: 3px;
        font-size: 0.3rem!important;
    }

   .dropdown-menu {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1000;
        display: none;
        float: left;
        min-width: 2.5rem;
        padding: 5px 0;
        margin: 2px 0 0;
        font-size: 14px;
        text-align: left;
        list-style: none;
        background-color: #fff;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #ccc;
        border: 1px solid rgba(0, 0, 0, .15);
        border-radius: 4px;
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    }

    .screen-item .dropdown-menu  li{
        display: block;
        font-size: 0.3rem;
        padding: 0.15rem 0.05rem;
        text-align: center;
    }

    .screen-item .screen-condition li input[type=checkbox]{
        width: 0.2rem;
        height: 0.2rem;
        margin: 0.1rem 0.1rem 0 0.15rem;
    }

    .orderTransactionMes{
        margin-top: 2.5rem;
    }
    /*添加发布计划*/
    .mobile-tab{
        padding: 0 3.3%;
        margin-top: 10px;
        border-top: 1px solid #f8f8f8;
    }
    .mobile-tab .nav-tabs{
        border: 0;
        display: flex;
        justify-content: space-between;
    }
    .mobile-tab .nav-tabs > li{
        display: flex;
        flex: 1 1 33%;
    }
    .mobile-tab .nav-tabs > li > a {
        display: flex;
        flex: 1 1 33%;
        align-items: center;
        justify-content: center;
        margin-right: 5px;
        border: 1px solid transparent;
        border-radius: 0 0 4px 4px;
        font-size: 16px;
        background: #152235;
        color: #fff;
        padding: 5px 10px;
    }
    .mobile-tab .nav-tabs > li.active > a, .mobile-tab .nav-tabs > li.active > a:focus, .mobile-tab .nav-tabs > li.active > a:hover {
        color: #222;
        cursor: default;
        background-color: #fff;
        border: 0;
        border-bottom-color: transparent;
        box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2),-2px 0 3px rgba(0, 0, 0, 0.2);
    }

    .mobile-tab .tab-content{
        margin: 10px 8px;
        padding:10px;
        border-radius: 8px;
        box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    }

    .mobile-tab .tab-content div{
        font-size: 16px;
        display: flex;
    }

    .mobile-tab .tab-content div span.left_title{
        display: flex;
        align-items: center;
    }

    .releaseBtn{
        text-align: center;
    }

    .releaseBtn button{
        width: 94%;
        height: 40px!important;
        line-height: 40px!important;
        font-size: 18px!important;
        margin: 10px auto;
    }

    .releaseBtn button.btn-danger{
        background: #1F354D;
        border: 0;
    }

    .releaseBtn button.btn-danger:hover{
        background: #1F354D;
        border: 0;
    }

    .releaseBtn button.btn-lightBlack{
        background: #fff;
        color: #000!important;
    }

    .manage_item .flex-title{
        width: 30%;
    }

    .manage_item .flex-content{
        flex-flow: row wrap;
    }

    .manage_item .flex-content i{
        font-size: 10px;
        padding-top: 5px;
        flex-flow: row wrap;
    }

    .kiosk_mobile{
        flex-flow: row nowrap;
        position: relative;
        z-index: 1;
    }

    .kiosk_mobile img{
        display: flex;
        flex: 0 0 auto;
    }

    .kiosk_mobile>div{
        display: flex;
        flex-flow: column nowrap;
        margin-left: 10px;
        flex: 1 1 auto;
        font-size: 18px;
    }

    .kiosk_mobile>div>span{
        padding: 10px 0 0 0;
    }

    .kiosk_mobile>div>div{
        display: flex;
        justify-content: space-between;
        padding: 10px 0 0 0;
    }

    .machine-base-info{
        display: flex!important;
        flex-flow: column nowrap;
    }

    .machine-base-info>div{
        display: flex;
        justify-content: space-between;
        padding-top: 10px;
    }

    .machine-base-info>div:first-child button{
        margin-left: 10px;
    }

    .machine-base-info>div:last-child .btn{
        flex: 0 0 30%;
    }

    .machine-base-info>div:last-child a{
        line-height: 30px;
    }

    .base_info_mobile{
        display: flex!important;
        flex-flow: column nowrap;
        font-size: 20px;
    }

    .base_info_mobile>div{
        display: flex;
        flex-flow: row nowrap;
    }

    .base_info_mobile>div>img{
        display: flex;
        flex: 0 0 auto;
        height: auto;
        max-height: 90px;
        max-width: 90px;
        margin-right: 10px;
    }

    .base_info_mobile .base_info_content{
        display: flex;
        flex-flow: column nowrap;
        flex: 1 1 auto;
    }

    .base_info_mobile .base_info_content>div{
        display: flex;
        justify-content: space-between;
        font-size: 16px;
        margin: 5px 0 0;
        min-height: 30px;
    }

    .base_info_mobile .base_info_content>div .form-control {
        padding: 0 6px!important;
        height: 24px!important;
        line-height: 24px!important;
        min-width: 100px;
        font-size: 16px!important;
        margin-right: 5px;
    }

    .base_info_mobile .base_info_content>div span{
        display: flex;
        flex-flow: row nowrap;
        flex: 1 1 auto;
        align-items: center;
        justify-content: flex-end;
    }

    .base_info_mobile .base_info_content>div span:first-child{
        flex: 0 0 36%;
        align-items: center;
        justify-content: flex-start;
    }

    .base_info_mobile .base_info_content>div span b{
        font-weight: normal;
        margin-right: 5px;
    }

    .base_info_mobile .base_info_content>div span i.glyphicon{
        width: 16px;
        top: -1px;
    }
    .base_info_mobile .base_info_content>div .inactive{
        color: #fff;
        background-color: #d9534f;
        border-color: #d43f3a;
        border-radius: 2px;
        padding: 2px;
    }
    .base_info_mobile .base_info_content>div .activeBg{
        color: #fff;
        background-color: #5cb85c;
        border-color: #4cae4c;
        border-radius: 2px;
        padding: 2px;
    }

    .machine_survey .machine_info {
        width: 96%;
        margin: 85px auto 20px;
        padding: 20px 10px;
        border-radius: 8px;
    }

    .machine_survey .machine_info_mobile {
        margin: 0 auto 20px;
        font-size: 20px;
    }

    .machine_survey .machine_sale{
        width: 96%;
        margin: 0 auto 20px;
        padding: 20px 10px;
        border-radius: 8px;
    }
    .sale-mobile{
        display: flex!important;
        flex-flow: column nowrap;
        font-size: 16px;
    }

    .sale-mobile .sale_item{
        display: flex;
        justify-content: space-between;
        margin-top: 10px;
    }
    .sale_item span{
        display: flex;
        flex: 1 1 33.33%;
        justify-content: center;
        color: #adadad;
    }
    .sale_item span i{
        margin: 0 5px;
        color: #333;
    }
    .sale_item span:first-child i{
        color: #adadad;
    }

    .more_info_mobile{
        display: flex!important;
        flex-flow: column nowrap;
    }

    .more_info_mobile>div{
        display: flex;
        justify-content: space-between;
        padding: 5px 0;
    }
    .more_info_mobile>div span{
        display: flex;
        flex: 1 1 50%;
        font-size: 16px;
        justify-content: space-between;
    }
    .more_info_mobile>div span:nth-child(2n+1){
        margin-right: 10px;
    }
    .more_info_mobile>div span i{
        display: flex;
        flex-wrap: wrap;
    }
    .more_info_mobile>div span i:first-child{
        color: #adadad;
    }

    .info-content-mobile .local_item{
        display: flex;
        flex-flow: row nowrap;
        line-height: 30px!important;
        margin-bottom: 10px;
    }

    .info-content-mobile .local_item span{
        display: flex;
        flex:  1 1 auto;
        font-size: 14px;
        align-items: center;
    }

    .info-content-mobile .local_item span:first-child{
        width: 60px;
    }

    .info-content-mobile .local_item span.allCity{
        line-height: 20px;
        justify-content: flex-start;
    }

    .info-content-mobile .local_item span.allCity i{
        flex-flow: column nowrap;
        line-height: 20px;
        margin: 0;
    }

    .info-content-mobile .local_item span.input_location{
        justify-content: space-between;
        text-align: right;
    }

    .info-content-mobile .local_item span i {
        margin-right: 10px;
    }

    .info-content-mobile .local_item span i.localItem{
        width: 140px;
    }

    .info-content-mobile .local_item span .localItem input[type = text]{
        height: 24px!important;
        line-height: 24px!important;
        margin-right: 10px;
    }

    .info-content-mobile .local_item span label{
        display: flex;
        align-items: center;
    }

    .info-content-mobile .local_item span input[type = checkbox]{
        width: 12px;
        height: 12px;
    }
    .location_show{
        height: auto;
        line-height: 20px;
        font-size: 14px;
        padding: 5px 10px;
        margin-bottom: 10px;
    }
    .machine_survey .mobile-map{
        margin-top: 15px;
    }

    .mobile-map .info_title{
        height: 30px;
        line-height: 30px;
        font-size: 16px;
    }

    .mobile-map .info_title i{
        font-size: 16px;
    }
    .config_item_mobile{
        width: 96%;
        margin: 0 auto 20px;
        display: flex;
        flex-flow: column;
        padding: 15px;
        border-radius:  8px;
        font-size: 16px;
        color: #bbb;
    }

    .config_item_mobile div{
        font-size: 18px;
    }
    .config_item_mobile span{
        display: flex;
        justify-content: space-between;
        margin-top: 10px;
    }

    .config_item_mobile span i:last-child{
        color: #333;
    }

    .screen-config_mobile{
        width: 96%;
        margin: 0 auto 20px;
        display: flex;
        flex-flow: column;
        padding: 15px;
        border-radius:  8px;
        font-size: 16px;
        color: #bbb;
    }

    .info-content .box_mobile{
        display: flex;
        flex-flow: column nowrap;
        border: 1px solid #bfbfbf;
        padding: 5px 10px;
        margin: -1px -11px 0;
    }

    .info-content .box_mobile>div{
        display: flex;
        align-items: center;
        font-size: 16px;
        padding: 5px 0;
        justify-content: space-between;
    }

    .info-content .box_mobile>div .select_title{
        display: flex;
        border: 1px solid #bbb;
        width: 60px;
        padding: 0 5px;
        line-height: 24px;
    }

    .info-content .box_mobile>div .content_html{
        width: 100%;
    }

    .info-content .box_mobile>div>i.selected{
        background: #bbb;
        color: #fff;
    }

    .info-content .box_mobile>div label{
        display: flex;
        align-items: center;
    }

    .info-content .box_mobile>div input.form-control{
        width: 100px;
        min-width: 100px;
        height: 24px!important;
        line-height: 24px!important;
    }

    .info-content .box_mobile>div input[type=checkbox]{
        width: 12px;
        height: 12px;
        margin: 0 5px 0 0;
    }
    a.jumpPage{
        width: 96%;
        margin: 0 auto;
    }


    .machine_info_nav{
        top: 2.5rem;
    }

    .machine_info_nav li a {
        display: block;
        width: 100%;
        height: 20px;
        line-height: 20px;
        padding: 0 5px;
        font-size: 14px;
        cursor: pointer;
    }

    .mobile-sub button{
        width: 80%;
        display: block;
        margin: 0 auto 10px;
    }

    .items_item{
        display: flex;
        margin-top: 18px;
        flex-flow: row nowrap;
    }

    .items_item img{
        width: 80px;
        height: auto;
        max-height: 100px;
        flex: 0 0 auto;
    }

    .items_item div{
        display: flex;
        flex-flow: column nowrap;
        flex: 1 1 auto;
        margin-left: 10px;
        font-size: 16px;
    }
    .items_item div span{
        display: flex;
        justify-content: space-between;
        margin-bottom: 10px;
    }
    .createResultAd div span{
        display: flex;
        width: 180px;
    }

    .createResultAd div input[type = file]{
        width: 150px;
    }

    .createResultAd .btn{
        width: 96%;
        margin: 20px auto 0;
    }

    .screenBtn{
        display: flex!important;
        justify-content: space-between;
        margin-top: 10px;
    }

    .screenBtn .btn{
        flex: 0 0 24.5%;
        padding: 0 3px!important;
    }

    .search-m-box{
        display: flex!important;
        justify-content: space-between;
        margin: 10px 0;
        align-items: center;
    }

    .search-m-box .form-control{
        display: flex;
        flex:  1 1 auto;
    }

    .goodsTransaction label{
        font-size: 16px;
    }

    .trans_m_item {
        display: flex!important;
        flex-flow: column nowrap;
        padding: 15px;
        border-radius: 6px 6px 5px 5px;
        box-shadow: 3px 5px 3px rgba(33, 33, 33, 0.1), -5px -3px 4px rgba(33, 33, 33, 0.1);
        margin-top: 15px;
        font-size: 16px;
        line-height: 30px;
    }

    .trans_m_item span{
        display: flex;
        justify-content: space-between;
    }

    .trans_m_item .btn {
        margin-top: 15px;
        display: inline-block!important;
        height: 30px!important;
        line-height: 30px!important;
    }
}
@media screen and (min-width: 800px) and (max-width: 1400px) {
    .change-row{
        margin-top: 0.1rem;
    }
}

div.pq-grid{
    background:#fff;
    color:#333;
    border:1px solid #99bce8;
}
div.pq-grid-top{
    background:rgb(211, 225, 241);
    color:#666;
}
div.pq-grid-title{
    background:rgb(228, 236, 247);
    border:1px solid #fff;
    border-bottom:1px solid #c5c5c5;
}
div.pq-toolbar{
    border:1px solid #fff;
    border-bottom:1px solid #c5c5c5;
}
.pq-grid span.pq-separator{
    border-right:1px solid #fff;
}
div.pq-grid-footer{
    border-top:1px solid #fff;
}
.pq-grid div.pq-grid-bottom{
    background:rgb(211, 225, 241);
    color:#333;
    border:1px solid #fff;
    border-top:1px solid #c5c5c5;
    text-align: center;
}
.pq-grid div.pq-header-outer{
    background:#eee;
    border-bottom:1px solid #c5c5c5;
}
.pq-grid span.pq-grid-header{
    background-image: linear-gradient(#4B8DF8,#4B8DF8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4B8DF8', endColorstr='#4B8DF8');
    background: -webkit-gradient(linear, left top, left bottom, from(#4B8DF8), to(#4B8DF8));
    background: -moz-linear-gradient(top,  #4B8DF8,  #4B8DF8);
}
.pq-grid-header td.pq-col-sort-asc,.pq-grid-header td.pq-col-sort-desc{
    background-image: linear-gradient(#4B8DF8,#4B8DF8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4B8DF8', endColorstr='#4B8DF8');
    background: -webkit-gradient(linear, left top, left bottom, from(#4B8DF8), to(#4B8DF8));
    background: -moz-linear-gradient(top,  #4B8DF8,  #4B8DF8);
}
.pq-grid td.pq-grid-col, .pq-grid td.pq-grid-number-col{
    font-weight: normal;
    color:#fff;
    text-shadow:0 1px 0 #fff;
    border-left-width:0;
    border-bottom-width:0;
    height: 30px;
    line-height: 30px;
}
tr.pq-grid-row > td{
    background:#fff;
    color:#333;
}
tr.pq-grid-oddRow > td{
    background:#fafafa;
}
div.pq-hvscroll-square{
    background:#eee;
}
tr.pq-grid-row-hover > td
{
    background-color:#efefef;
}
tr.pq-row-select > td
{
    background:#d8e8fa;
}
div.pq-grid tr td.pq-grid-cell-hover
{
    background-color:#efefef;
    border-width:0;
}
.pq-grid tr td.pq-grid-number-cell
{
    background:#e4ecf7;
    color:#333;
}
.pq-state-select{
    background:#d8e8fa !important;
}
.pq-grid div.pq-loading-mask{
    background:#dae5f3;
    border:1px solid steelblue;
    color:#333;
    font-weight:normal;
}
div.pq-loading-mask div{
    border:1px solid #999;
    background:#ddd;
}
.pq-sb-vert-theme .pq-sb-slider{
    border-color:#98AFC7;
}
.pq-sb-horiz-theme .pq-sb-slider{
    border-color:#98AFC7;
}
.pq-grid div.pq-grid-summary table{
    left:-1px;
}
.pq-grid td.ui-state-error{
    background: #ffcc99;
}
.page-input-num{
    background-color: #eee;
    outline: none;
}
.reflash-btn-none{
    display: none!important;
}

.pq-pager-msg{
    padding: 0.04rem!important;
}

.display_inline_block{
    display: inline-block;
}

@media screen and (min-width: 1360px) and (max-width: 1440px){

}