/*!
 * 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 {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}
* {
    direction: rtl;
}
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
}
pre {
    overflow: auto
}
code, kbd, pre, samp {
    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-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-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 .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s 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-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-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;
    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
}
.clearfix {
    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
}
.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
    }
}
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .004)
}
body, html {
    margin: 0;
    padding: 0;
    height: 100%
}
article, aside, figcaption, figure, footer, header, main, nav, section {
    display: block
}
figure {
    margin: 1em 40px
}
a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    text-decoration: none
}
a:active, a:hover {
    outline-width: 0
}
abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}
b, strong {
    font-weight: inherit;
    font-weight: bolder
}
code, kbd, samp {
    font-size: 1em
}
dfn {
    font-style: italic
}
mark {
    background-color: #ff0;
    color: #000
}
small {
    font-size: 80%
}
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}
sub {
    bottom: -.25em
}
sup {
    top: -.5em
}
audio, video {
    display: inline-block
}
audio:not([controls]) {
    display: none;
    height: 0
}
img {
    border-style: none
}
svg:not(:root) {
    overflow: hidden
}
button, input, optgroup, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: middle
}
button, select {
    text-transform: none
}
[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none;
    padding: 0
}
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: 1px dotted ButtonText
}
fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}
legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}
progress {
    display: inline-block;
    vertical-align: baseline
}
[type=checkbox], [type=radio] {
    box-sizing: border-box;
    padding: 0
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}
[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}
details, menu {
    display: block
}
summary {
    display: list-item
}
canvas {
    display: inline-block
}
[hidden], template {
    display: none
}
img {
    max-width: 100%;
    border: 0;
    -ms-interpolation-mode: bicubic
}
body {
    font-weight: 400;
    position: relative;
    z-index: 0;
    background: none repeat scroll 0 0 #fff;
    width: 100%;
    color: #060616;
    overflow-x: hidden;
}
body.overlay {
    overflow: hidden
}
button, input[type=button], input[type=reset], input[type=submit] {
    cursor: pointer;
    -webkit-appearance: button
}
input[type=search] {
    -webkit-appearance: textfield;
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}
textarea {
    overflow: auto;
    vertical-align: top
}
label {
    font-weight: inherit
}
h1, h2, h3, h4, h5, h6 {
    margin: 0;
    font-weight: 400;
    color: inherit
}
hr {
    margin: 0
}
button {
    border: 0 none !important
}
a, a:hover {
    cursor: pointer;
    text-decoration: none !important;
    color: #333
}
.awesome, a.awesome, a.link {
    font-weight: 700 !important;
    color: rgba(38, 38, 54, .6)
}
.awesome:hover, a.awesome:hover, a.link:hover {
    color: #262636 !important
}
.awesome.mint, a.awesome.mint, a.link.mint {
    color: #56c676
}
.awesome.mint:hover, a.awesome.mint:hover, a.link.mint:hover {
    color: #56c676 !important
}
.awesome.quince, a.awesome.quince, a.link.quince {
    color: #f6b606
}
.awesome.quince:hover, a.awesome.quince:hover, a.link.quince:hover {
    color: #f6b606 !important
}
a.preferred, a.preferred:hover {
    color: #262636 !important
}
a.disabled {
    cursor: default
}
.bold, .emph, strong {
    font-weight: 900 !important
}
i {
    display: inline-block
}
ul {
    list-style: none outside none;
    margin: 0;
    padding: 0
}
input.file {
    font-size: 1px
}
input[type=file] {
    display: inherit
}
input[type=email], input[type=password], input[type=text] {
    outline: none;
    width: 100%;
    min-height: 48px;
    padding: 12px 3px 12px 15px;
    margin: 0;
    border: 1px solid #c6c6c6;
    font-size: 16px;
    color: #060616
}
input.no-box {
    box-sizing: border-box;
    box-shadow: none
}
.input-text {
    width: 100%;
    min-height: 48px;
    border: 1px solid #c6c6c6;
    text-align: left
}
.input-text input {
    min-height: 46px !important;
    padding: 11px 3px 11px 15px !important;
    border: none !important
}
#hidden-iframe {
    width: 0;
    height: 0;
    border: 0
}
#ads-iframe {
    border: 0
}
#fb-root {
    position: absolute
}
#ajax-error, #hidden-iframe {
    display: none;
    position: absolute;
    top: -100px;
    left: -100px
}
.hidden {
    display: none !important;
    visibility: hidden !important
}
.invisibility, .invisible {
    visibility: hidden
}
.show {
    display: inherit;
    visibility: inherit
}
.relative {
    position: relative !important
}
.pull-right {
    float: right
}
.pull-left {
    float: left
}
.nowrap {
    white-space: nowrap
}
.btn {
    border: none;
    border-radius: 0
}
.btn:active {
    box-shadow: none
}
.circle {
    border-radius: 50% !important
}
.txt-r {
    text-align: right
}
.txt-r-f {
    text-align: right !important
}
.txt-c {
    text-align: center
}
.txt-c-f {
    text-align: center !important
}
.txt-l {
    text-align: left
}
.txt-l-f {
    text-align: left !important
}
.txt-cap {
    text-transform: capitalize
}
.txt-cap-f {
    text-transform: capitalize !important
}
.txt-up {
    text-transform: uppercase
}
.txt-up-f {
    text-transform: uppercase !important
}
.txt-lo {
    text-transform: lowercase
}
.txt-norm {
    text-transform: none !important
}
.txt-quince {
    color: #f6b606 !important
}
.rm-space {
    font-size: 0;
    line-height: 0
}
.no-border {
    border: none !important
}
.word-highlight {
    background-color: #fbe29b;
    padding: 2px 7px 0;
    border-radius: 2px;
}
.truncated {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block
}
.error, .warning {
    color: #f64656 !important
}
.ib {
    display: inline-block !important
}
.bl {
    display: block !important
}
.tooltip, .tooltip-inner {
    font-weight: 400 !important
}
.vam {
    vertical-align: middle !important
}
.default-c {
    color: #262636 !important
}
.vat {
    vertical-align: top !important
}
.auto-margin {
    margin: 0 auto !important
}
.of-v {
    overflow: visible !important
}
.ptn {
    padding-top: 0
}
.ptx {
    padding-top: 3px
}
.pts {
    padding-top: 5px
}
.ptm {
    padding-top: 10px
}
.ptl {
    padding-top: 20px
}
.prn {
    padding-right: 0
}
.prx {
    padding-right: 3px
}
.prs {
    padding-right: 5px
}
.prm {
    padding-right: 10px
}
.prl {
    padding-right: 20px
}
.pln {
    padding-left: 0
}
.plx {
    padding-left: 3px
}
.pls {
    padding-left: 5px
}
.plm {
    padding-left: 10px
}
.pll {
    padding-left: 20px
}
.pbn {
    padding-bottom: 0
}
.pbx {
    padding-bottom: 3px
}
.pbs {
    padding-bottom: 5px
}
.pbm {
    padding-bottom: 10px
}
.pbl {
    padding-bottom: 20px
}
.pan {
    padding: 0
}
.ptbx {
    padding-top: 3px;
    padding-bottom: 3px
}
.ptbs {
    padding-top: 5px;
    padding-bottom: 5px
}
.ptbm {
    padding-top: 10px;
    padding-bottom: 10px
}
.ptbl {
    padding-top: 20px;
    padding-bottom: 20px
}
.prlx {
    padding-left: 3px;
    padding-right: 3px
}
.prls {
    padding-left: 5px;
    padding-right: 5px
}
.prlm {
    padding-left: 10px;
    padding-right: 10px
}
.prll {
    padding-left: 20px;
    padding-right: 20px
}
.nm {
    margin: 0
}
.mtn {
    margin-top: 0
}
.mtx {
    margin-top: 3px
}
.mts {
    margin-top: 5px
}
.mtm {
    margin-top: 10px
}
.mtl {
    margin-top: 20px
}
.mrn {
    margin-right: 0
}
.mrx {
    margin-right: 3px
}
.mrs {
    margin-right: 5px
}
.mrm {
    margin-right: 10px
}
.mrl {
    margin-right: 20px
}
.mln {
    margin-left: 0
}
.mlx {
    margin-left: 3px
}
.mls {
    margin-left: 5px
}
.mlm {
    margin-left: 10px
}
.mll {
    margin-left: 20px
}
.mbn {
    margin-bottom: 0
}
.mbx {
    margin-bottom: 3px
}
.mbs {
    margin-bottom: 5px
}
.mbm {
    margin-bottom: 10px
}
.mbl {
    margin-bottom: 20px
}
.mtbx {
    margin-top: 3px;
    margin-bottom: 3px
}
.mtbs {
    margin-top: 5px;
    margin-bottom: 5px
}
.mtbm {
    margin-top: 10px;
    margin-bottom: 10px
}
.mtbl {
    margin-top: 20px;
    margin-bottom: 20px
}
.mrlx {
    margin-left: 3px;
    margin-right: 3px
}
.mrls {
    margin-left: 5px;
    margin-right: 5px
}
.mrlm {
    margin-left: 10px;
    margin-right: 10px
}
.mrll {
    margin-left: 20px;
    margin-right: 20px
}
.mrla {
    margin: 0 auto
}
.mb50 {
    margin-bottom: 50px
}
.force.ptn {
    padding-top: 0 !important
}
.force.ptx {
    padding-top: 3px !important
}
.force.pts {
    padding-top: 5px !important
}
.force.ptm {
    padding-top: 10px !important
}
.force.ptl {
    padding-top: 20px !important
}
.force.prn {
    padding-right: 0 !important
}
.force.prx {
    padding-right: 3px !important
}
.force.prs {
    padding-right: 5px !important
}
.force.prm {
    padding-right: 10px !important
}
.force.prl {
    padding-right: 20px !important
}
.force.pln {
    padding-left: 0 !important
}
.force.plx {
    padding-left: 3px !important
}
.force.pls {
    padding-left: 5px !important
}
.force.plm {
    padding-left: 10px !important
}
.force.pll {
    padding-left: 20px !important
}
.force.pbn {
    padding-bottom: 0 !important
}
.force.pbx {
    padding-bottom: 3px !important
}
.force.pbs {
    padding-bottom: 5px !important
}
.force.pbm {
    padding-bottom: 10px !important
}
.force.pbl {
    padding-bottom: 20px !important
}
.force.pan {
    padding: 0 !important
}
.force.ptbx {
    padding-top: 3px !important;
    padding-bottom: 3px !important
}
.force.ptbs {
    padding-top: 5px !important;
    padding-bottom: 5px !important
}
.force.ptbm {
    padding-top: 10px !important;
    padding-bottom: 10px !important
}
.force.ptbl {
    padding-top: 20px !important;
    padding-bottom: 20px !important
}
.force.prlx {
    padding-left: 3px !important;
    padding-right: 3px !important
}
.force.prls {
    padding-left: 5px !important;
    padding-right: 5px !important
}
.force.prlm {
    padding-left: 10px !important;
    padding-right: 10px !important
}
.force.prll {
    padding-left: 20px !important;
    padding-right: 20px !important
}
.force.nm {
    margin: 0 !important
}
.force.mtn {
    margin-top: 0 !important
}
.force.mtx {
    margin-top: 3px !important
}
.force.mts {
    margin-top: 5px !important
}
.force.mtm {
    margin-top: 10px !important
}
.force.mtl {
    margin-top: 20px !important
}
.force.mrn {
    margin-right: 0 !important
}
.force.mrx {
    margin-right: 3px !important
}
.force.mrs {
    margin-right: 5px !important
}
.force.mrm {
    margin-right: 10px !important
}
.force.mrl {
    margin-right: 20px !important
}
.force.mln {
    margin-left: 0 !important
}
.force.mlx {
    margin-left: 3px !important
}
.force.mls {
    margin-left: 5px !important
}
.force.mlm {
    margin-left: 10px !important
}
.force.mll {
    margin-left: 20px !important
}
.force.mbn {
    margin-bottom: 0 !important
}
.force.mbx {
    margin-bottom: 3px !important
}
.force.mbs {
    margin-bottom: 5px !important
}
.force.mbm {
    margin-bottom: 10px !important
}
.force.mbl {
    margin-bottom: 20px !important
}
.force.mtbx {
    margin-top: 3px !important;
    margin-bottom: 3px !important
}
.force.mtbs {
    margin-top: 5px !important;
    margin-bottom: 5px !important
}
.force.mtbm {
    margin-top: 10px !important;
    margin-bottom: 10px !important
}
.force.mtbl {
    margin-top: 20px !important;
    margin-bottom: 20px !important
}
.force.mrlx {
    margin-left: 3px !important;
    margin-right: 3px !important
}
.force.mrls {
    margin-left: 5px !important;
    margin-right: 5px !important
}
.force.mrlm {
    margin-left: 10px !important;
    margin-right: 10px !important
}
.force.mrll {
    margin-left: 20px !important;
    margin-right: 20px !important
}
.force.mrla {
    margin: 0 auto !important
}
.txt-btn {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    height: 100%;
    text-transform: capitalize;
    color: #060616;
    font-size: 16px;
    font-weight: 700 !important
}
.txt-btn:focus {
    outline: none
}
.txt-btn.regular {
    font-weight: 400 !important
}
.txt-btn.normal {
    text-transform: none
}
.txt-btn.large {
    font-size: 18px
}
.txt-btn.small {
    font-size: 14px
}
.txt-btn.xsmall {
    font-size: 12px
}
.txt-btn.clicked, .txt-btn:hover {
    color: #fff;
    color: #04040f
}
.txt-btn.clicked.smog, .txt-btn:hover.smog {
    color: #fff
}
.txt-btn.clicked.kaki, .txt-btn:hover.kaki {
    color: #ac5e04
}
.txt-btn.clicked.quince, .txt-btn:hover.quince {
    color: #ac7f04
}
.txt-btn.clicked.swell, .txt-btn:hover.swell {
    color: #1b7f7f
}
.txt-btn.clicked.mint, .txt-btn:hover.mint {
    color: #3c8b53
}
.txt-btn.clicked.sorbet, .txt-btn:hover.sorbet {
    color: #ac313c
}
.txt-btn.clicked.facebook, .txt-btn:hover.facebook {
    color: #2e487d
}
.txt-btn.clicked.google, .txt-btn:hover.google {
    color: #2e5dab
}
.txt-btn.clicked.ghost, .txt-btn:hover.ghost {
    color: #acacac
}
.txt-btn.clicked.haze, .txt-btn:hover.haze {
    color: #969696
}
.txt-btn.clicked.smog, .txt-btn:hover.smog {
    color: #747474
}
.txt-btn.clicked.fog, .txt-btn:hover.fog {
    color: #8b8b8b
}
.txt-btn.clicked.ash, .txt-btn:hover.ash {
    color: #5e5e69
}
.txt-btn.clicked.pewter, .txt-btn:hover.pewter {
    color: #474753
}
.txt-btn.clicked.white, .txt-btn:hover.white {
    color: #b3b3b3
}
.txt-btn.clicked.ink, .txt-btn:hover.ink {
    color: #1b1b26
}
.txt-btn.clicked.slate, .txt-btn:hover.slate {
    color: #31313c
}
.txt-btn.white {
    color: #fff
}
.txt-btn.ash {
    color: #868696
}
.txt-btn.ghost {
    color: #f6f6f6
}
.txt-btn.smog {
    color: #a6a6a6
}
.txt-btn.kaki {
    color: #f68606
}
.txt-btn.quince {
    color: #f6b606
}
.txt-btn.swell {
    color: #26b6b6
}
.txt-btn.mint {
    color: #56c676
}
.txt-btn.sorbet {
    color: #f64656
}
.txt-btn.slate {
    color: #464656 !important
}
.p-btn {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    height: 100%;
    text-transform: capitalize;
    background-color: hsla(240, 7%, 43%, .6);
    font-size: 16px;
    font-weight: 700 !important;
    border-radius: 8px;
    transition: background-color .2s linear
}
.p-btn:focus {
    outline: none
}
.p-btn .btn-label {
    cursor: pointer;
    margin: 0;
    color: #fff
}
.p-btn .btn-label.dark {
    color: #262636
}
.p-btn.normal, .p-btn.normal > .btn-label {
    text-transform: none
}
.p-btn.regular {
    font-weight: 400 !important
}
.p-btn.small {
    height: 32px;
    font-size: 14px
}
.p-btn.small .btn-label {
    font-size: 12px;
    line-height: 32px !important
}
.p-btn.large {
    height: 40px
}
.p-btn.large .btn-label {
    line-height: 40px !important
}
.p-btn.xlarge {
    height: 48px
}
.p-btn.xlarge .btn-label {
    line-height: 48px !important
}
.p-btn.high {
    font-size: 20px
}
.p-btn.static.clear {
    background-color: transparent
}
.p-btn.static.kaki {
    background-color: #f68606
}
.p-btn.static.quince, .p-btn.static.tapas {
    background-color: #f6b606
}
.p-btn.static.swell {
    background-color: #26b6b6
}
.p-btn.static.mint {
    background-color: #56c676
}
.p-btn.static.error, .p-btn.static.sorbet {
    background-color: #f64656
}
.p-btn.static.facebook {
    background-color: #4267b2
}
.p-btn.static.google {
    background-color: #4285f4
}
.p-btn.static.darkness {
    background-color: #060616
}
.p-btn.static.ghost {
    background-color: #f6f6f6
}
.p-btn.static.haze {
    background-color: #d6d6d6
}
.p-btn.static.smog {
    background-color: #a6a6a6
}
.p-btn.static.fog {
    background-color: #c6c6c6
}
.p-btn.static.ash {
    background-color: #868696
}
.p-btn.static.pewter {
    background-color: #666676
}
.p-btn.static.white {
    background-color: #fff
}
.p-btn.static.ink {
    background-color: #262636
}
.p-btn.static.slate {
    background-color: #464656
}
.p-btn.shaded.clear {
    background-color: transparent
}
.p-btn.shaded.kaki {
    background-color: #ac5e04
}
.p-btn.shaded.quince {
    background-color: #ac7f04
}
.p-btn.shaded.swell {
    background-color: #1b7f7f
}
.p-btn.shaded.mint {
    background-color: #3c8b53
}
.p-btn.shaded.sorbet {
    background-color: #ac313c
}
.p-btn.shaded.facebook {
    background-color: #2e487d
}
.p-btn.shaded.google {
    background-color: #2e5dab
}
.p-btn.shaded.darkness {
    background-color: #04040f
}
.p-btn.shaded.ghost {
    background-color: #acacac
}
.p-btn.shaded.haze {
    background-color: #969696
}
.p-btn.shaded.fog {
    background-color: #8b8b8b
}
.p-btn.shaded.ash {
    background-color: #5e5e69
}
.p-btn.shaded.pewter {
    background-color: #474753
}
.p-btn.shaded.white {
    background-color: #b3b3b3
}
.p-btn.shaded.ink {
    background-color: #1b1b26
}
.p-btn.shaded.slate {
    background-color: #31313c
}
.p-btn.clear, .p-btn.transparent {
    background-color: transparent
}
.p-btn.alpha.kaki {
    background-color: rgba(246, 134, 6, .6)
}
.p-btn.alpha.quince, .p-btn.alpha.tapas {
    background-color: rgba(246, 182, 6, .6)
}
.p-btn.alpha.swell {
    background-color: rgba(38, 182, 182, .6)
}
.p-btn.alpha.mint {
    background-color: rgba(86, 198, 118, .6)
}
.p-btn.alpha.error, .p-btn.alpha.sorbet {
    background-color: rgba(246, 70, 86, .6)
}
.p-btn.alpha.darkness {
    background-color: rgba(6, 6, 22, .6)
}
.p-btn.alpha.ghost {
    background-color: hsla(0, 0%, 96%, .6)
}
.p-btn.alpha.haze {
    background-color: hsla(0, 0%, 84%, .6)
}
.p-btn.alpha.smog {
    background-color: hsla(0, 0%, 65%, .6)
}
.p-btn.alpha.fog {
    background-color: hsla(0, 0%, 78%, .6)
}
.p-btn.alpha.ash {
    background-color: hsla(240, 7%, 56%, .6)
}
.p-btn.alpha.pewter {
    background-color: hsla(240, 7%, 43%, .6)
}
.p-btn.alpha.white {
    background-color: hsla(0, 0%, 100%, .6)
}
.p-btn.alpha.ink {
    background-color: rgba(38, 38, 54, .6)
}
.p-btn.alpha.slate {
    background-color: rgba(70, 70, 86, .6)
}
.p-btn.clicked, .p-btn:focus, .p-btn:hover {
    color: #fff
}
.p-btn.clicked, .p-btn:hover {
    transition: background-color .2s linear;
    background-color: #666676
}
.p-btn.clicked.static.clear, .p-btn:hover.static.clear {
    background-color: transparent
}
.p-btn.clicked.static.kaki, .p-btn:hover.static.kaki {
    background-color: #ac5e04
}
.p-btn.clicked.static.quince, .p-btn:hover.static.quince {
    background-color: #ac7f04
}
.p-btn.clicked.static.swell, .p-btn:hover.static.swell {
    background-color: #1b7f7f
}
.p-btn.clicked.static.mint, .p-btn:hover.static.mint {
    background-color: #3c8b53
}
.p-btn.clicked.static.sorbet, .p-btn:hover.static.sorbet {
    background-color: #ac313c
}
.p-btn.clicked.static.facebook, .p-btn:hover.static.facebook {
    background-color: #2e487d
}
.p-btn.clicked.static.google, .p-btn:hover.static.google {
    background-color: #2e5dab
}
.p-btn.clicked.static.darkness, .p-btn:hover.static.darkness {
    background-color: #04040f
}
.p-btn.clicked.static.ghost, .p-btn:hover.static.ghost {
    background-color: #acacac
}
.p-btn.clicked.static.haze, .p-btn:hover.static.haze {
    background-color: #969696
}
.p-btn.clicked.static.fog, .p-btn:hover.static.fog {
    background-color: #8b8b8b
}
.p-btn.clicked.static.ash, .p-btn:hover.static.ash {
    background-color: #5e5e69
}
.p-btn.clicked.static.pewter, .p-btn:hover.static.pewter {
    background-color: #474753
}
.p-btn.clicked.static.white, .p-btn:hover.static.white {
    background-color: #b3b3b3
}
.p-btn.clicked.static.ink, .p-btn:hover.static.ink {
    background-color: #1b1b26
}
.p-btn.clicked.static.slate, .p-btn:hover.static.slate {
    background-color: #31313c
}
.p-btn.clicked.shaded.clear, .p-btn:hover.shaded.clear {
    background-color: transparent
}
.p-btn.clicked.shaded.kaki, .p-btn:hover.shaded.kaki {
    background-color: #623602
}
.p-btn.clicked.shaded.quince, .p-btn:hover.shaded.quince {
    background-color: #624902
}
.p-btn.clicked.shaded.swell, .p-btn:hover.shaded.swell {
    background-color: #0f4949
}
.p-btn.clicked.shaded.mint, .p-btn:hover.shaded.mint {
    background-color: #224f2f
}
.p-btn.clicked.shaded.sorbet, .p-btn:hover.shaded.sorbet {
    background-color: #621c22
}
.p-btn.clicked.shaded.facebook, .p-btn:hover.shaded.facebook {
    background-color: #1a2947
}
.p-btn.clicked.shaded.google, .p-btn:hover.shaded.google {
    background-color: #1a3562
}
.p-btn.clicked.shaded.darkness, .p-btn:hover.shaded.darkness {
    background-color: #020209
}
.p-btn.clicked.shaded.ghost, .p-btn:hover.shaded.ghost {
    background-color: #626262
}
.p-btn.clicked.shaded.haze, .p-btn:hover.shaded.haze {
    background-color: #565656
}
.p-btn.clicked.shaded.fog, .p-btn:hover.shaded.fog {
    background-color: #4f4f4f
}
.p-btn.clicked.shaded.ash, .p-btn:hover.shaded.ash {
    background-color: #36363c
}
.p-btn.clicked.shaded.pewter, .p-btn:hover.shaded.pewter {
    background-color: #29292f
}
.p-btn.clicked.shaded.white, .p-btn:hover.shaded.white {
    background-color: #666
}
.p-btn.clicked.shaded.ink, .p-btn:hover.shaded.ink {
    background-color: #0f0f16
}
.p-btn.clicked.shaded.slate, .p-btn:hover.shaded.slate {
    background-color: #1c1c22
}
.p-btn.clicked.gradient.clear, .p-btn:hover.gradient.clear {
    background-color: transparent
}
.p-btn.clicked.gradient.kaki, .p-btn:hover.gradient.kaki {
    background-color: #f68606
}
.p-btn.clicked.gradient.quince, .p-btn.clicked.gradient.tapas, .p-btn:hover.gradient.quince, .p-btn:hover.gradient.tapas {
    background-color: #f6b606
}
.p-btn.clicked.gradient.swell, .p-btn:hover.gradient.swell {
    background-color: #26b6b6
}
.p-btn.clicked.gradient.mint, .p-btn:hover.gradient.mint {
    background-color: #56c676
}
.p-btn.clicked.gradient.error, .p-btn.clicked.gradient.sorbet, .p-btn:hover.gradient.error, .p-btn:hover.gradient.sorbet {
    background-color: #f64656
}
.p-btn.clicked.gradient.facebook, .p-btn:hover.gradient.facebook {
    background-color: #4267b2
}
.p-btn.clicked.gradient.google, .p-btn:hover.gradient.google {
    background-color: #4285f4
}
.p-btn.clicked.gradient.darkness, .p-btn:hover.gradient.darkness {
    background-color: #060616
}
.p-btn.clicked.gradient.ghost, .p-btn:hover.gradient.ghost {
    background-color: #f6f6f6
}
.p-btn.clicked.gradient.haze, .p-btn:hover.gradient.haze {
    background-color: #d6d6d6
}
.p-btn.clicked.gradient.smog, .p-btn:hover.gradient.smog {
    background-color: #a6a6a6
}
.p-btn.clicked.gradient.fog, .p-btn:hover.gradient.fog {
    background-color: #c6c6c6
}
.p-btn.clicked.gradient.ash, .p-btn:hover.gradient.ash {
    background-color: #868696
}
.p-btn.clicked.gradient.pewter, .p-btn:hover.gradient.pewter {
    background-color: #666676
}
.p-btn.clicked.gradient.white, .p-btn:hover.gradient.white {
    background-color: #fff
}
.p-btn.clicked.gradient.ink, .p-btn:hover.gradient.ink {
    background-color: #262636
}
.p-btn.clicked.gradient.slate, .p-btn:hover.gradient.slate {
    background-color: #464656
}
.p-btn.clicked.transparent.clear, .p-btn:hover.transparent.clear {
    background-color: transparent
}
.p-btn.clicked.transparent.kaki, .p-btn:hover.transparent.kaki {
    background-color: #f68606
}
.p-btn.clicked.transparent.quince, .p-btn.clicked.transparent.tapas, .p-btn:hover.transparent.quince, .p-btn:hover.transparent.tapas {
    background-color: #f6b606
}
.p-btn.clicked.transparent.swell, .p-btn:hover.transparent.swell {
    background-color: #26b6b6
}
.p-btn.clicked.transparent.mint, .p-btn:hover.transparent.mint {
    background-color: #56c676
}
.p-btn.clicked.transparent.error, .p-btn.clicked.transparent.sorbet, .p-btn:hover.transparent.error, .p-btn:hover.transparent.sorbet {
    background-color: #f64656
}
.p-btn.clicked.transparent.facebook, .p-btn:hover.transparent.facebook {
    background-color: #4267b2
}
.p-btn.clicked.transparent.google, .p-btn:hover.transparent.google {
    background-color: #4285f4
}
.p-btn.clicked.transparent.darkness, .p-btn:hover.transparent.darkness {
    background-color: #060616
}
.p-btn.clicked.transparent.ghost, .p-btn:hover.transparent.ghost {
    background-color: #f6f6f6
}
.p-btn.clicked.transparent.haze, .p-btn:hover.transparent.haze {
    background-color: #d6d6d6
}
.p-btn.clicked.transparent.smog, .p-btn:hover.transparent.smog {
    background-color: #a6a6a6
}
.p-btn.clicked.transparent.fog, .p-btn:hover.transparent.fog {
    background-color: #c6c6c6
}
.p-btn.clicked.transparent.ash, .p-btn:hover.transparent.ash {
    background-color: #868696
}
.p-btn.clicked.transparent.pewter, .p-btn:hover.transparent.pewter {
    background-color: #666676
}
.p-btn.clicked.transparent.white, .p-btn:hover.transparent.white {
    background-color: #fff
}
.p-btn.clicked.transparent.ink, .p-btn:hover.transparent.ink {
    background-color: #262636
}
.p-btn.clicked.transparent.slate, .p-btn:hover.transparent.slate {
    background-color: #464656
}
.p-btn.clicked.alpha.clear, .p-btn:hover.alpha.clear {
    background-color: transparent
}
.p-btn.clicked.alpha.kaki, .p-btn:hover.alpha.kaki {
    background-color: #f68606
}
.p-btn.clicked.alpha.quince, .p-btn.clicked.alpha.tapas, .p-btn:hover.alpha.quince, .p-btn:hover.alpha.tapas {
    background-color: #f6b606
}
.p-btn.clicked.alpha.swell, .p-btn:hover.alpha.swell {
    background-color: #26b6b6
}
.p-btn.clicked.alpha.mint, .p-btn:hover.alpha.mint {
    background-color: #56c676
}
.p-btn.clicked.alpha.error, .p-btn.clicked.alpha.sorbet, .p-btn:hover.alpha.error, .p-btn:hover.alpha.sorbet {
    background-color: #f64656
}
.p-btn.clicked.alpha.facebook, .p-btn:hover.alpha.facebook {
    background-color: #4267b2
}
.p-btn.clicked.alpha.google, .p-btn:hover.alpha.google {
    background-color: #4285f4
}
.p-btn.clicked.alpha.darkness, .p-btn:hover.alpha.darkness {
    background-color: #060616
}
.p-btn.clicked.alpha.ghost, .p-btn:hover.alpha.ghost {
    background-color: #f6f6f6
}
.p-btn.clicked.alpha.haze, .p-btn:hover.alpha.haze {
    background-color: #d6d6d6
}
.p-btn.clicked.alpha.smog, .p-btn:hover.alpha.smog {
    background-color: #a6a6a6
}
.p-btn.clicked.alpha.fog, .p-btn:hover.alpha.fog {
    background-color: #c6c6c6
}
.p-btn.clicked.alpha.ash, .p-btn:hover.alpha.ash {
    background-color: #868696
}
.p-btn.clicked.alpha.pewter, .p-btn:hover.alpha.pewter {
    background-color: #666676
}
.p-btn.clicked.alpha.white, .p-btn:hover.alpha.white {
    background-color: #fff
}
.p-btn.clicked.alpha.ink, .p-btn:hover.alpha.ink {
    background-color: #262636
}
.p-btn.clicked.alpha.slate, .p-btn:hover.alpha.slate {
    background-color: #464656
}
.p-btn.clicked.clear, .p-btn:hover.clear {
    background-color: transparent
}
.p-btn.restricted.facebook {
    background-color: #7b95c9
}
.p-btn.restricted.google {
    background-color: #7baaf7
}
.img-btn {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    border: none;
    border-radius: 8px;
    margin: 0;
    background-color: hsla(240, 7%, 43%, .6);
    transition: background-color .2s linear
}
.img-btn:focus {
    outline: none
}
.img-btn.medium {
    height: 32px
}
.img-btn.large {
    height: 40px
}
.img-btn.large i {
    margin: 12px
}
.img-btn i {
    display: block
}
.img-btn.clicked, .img-btn:hover {
    transition: background-color .2s linear;
    background-color: #666676
}
.img-btn.clicked.static.clear, .img-btn:hover.static.clear {
    background-color: transparent
}
.img-btn.clicked.static.kaki, .img-btn:hover.static.kaki {
    background-color: #ac5e04
}
.img-btn.clicked.static.quince, .img-btn:hover.static.quince {
    background-color: #ac7f04
}
.img-btn.clicked.static.swell, .img-btn:hover.static.swell {
    background-color: #1b7f7f
}
.img-btn.clicked.static.mint, .img-btn:hover.static.mint {
    background-color: #3c8b53
}
.img-btn.clicked.static.sorbet, .img-btn:hover.static.sorbet {
    background-color: #ac313c
}
.img-btn.clicked.static.facebook, .img-btn:hover.static.facebook {
    background-color: #2e487d
}
.img-btn.clicked.static.google, .img-btn:hover.static.google {
    background-color: #2e5dab
}
.img-btn.clicked.static.darkness, .img-btn:hover.static.darkness {
    background-color: #04040f
}
.img-btn.clicked.static.ghost, .img-btn:hover.static.ghost {
    background-color: #acacac
}
.img-btn.clicked.static.haze, .img-btn:hover.static.haze {
    background-color: #969696
}
.img-btn.clicked.static.fog, .img-btn:hover.static.fog {
    background-color: #8b8b8b
}
.img-btn.clicked.static.ash, .img-btn:hover.static.ash {
    background-color: #5e5e69
}
.img-btn.clicked.static.pewter, .img-btn:hover.static.pewter {
    background-color: #474753
}
.img-btn.clicked.static.white, .img-btn:hover.static.white {
    background-color: #b3b3b3
}
.img-btn.clicked.static.ink, .img-btn:hover.static.ink {
    background-color: #1b1b26
}
.img-btn.clicked.static.slate, .img-btn:hover.static.slate {
    background-color: #31313c
}
.img-btn.clicked.shaded.clear, .img-btn:hover.shaded.clear {
    background-color: transparent
}
.img-btn.clicked.shaded.kaki, .img-btn:hover.shaded.kaki {
    background-color: #623602
}
.img-btn.clicked.shaded.quince, .img-btn:hover.shaded.quince {
    background-color: #624902
}
.img-btn.clicked.shaded.swell, .img-btn:hover.shaded.swell {
    background-color: #0f4949
}
.img-btn.clicked.shaded.mint, .img-btn:hover.shaded.mint {
    background-color: #224f2f
}
.img-btn.clicked.shaded.sorbet, .img-btn:hover.shaded.sorbet {
    background-color: #621c22
}
.img-btn.clicked.shaded.facebook, .img-btn:hover.shaded.facebook {
    background-color: #1a2947
}
.img-btn.clicked.shaded.google, .img-btn:hover.shaded.google {
    background-color: #1a3562
}
.img-btn.clicked.shaded.darkness, .img-btn:hover.shaded.darkness {
    background-color: #020209
}
.img-btn.clicked.shaded.ghost, .img-btn:hover.shaded.ghost {
    background-color: #626262
}
.img-btn.clicked.shaded.haze, .img-btn:hover.shaded.haze {
    background-color: #565656
}
.img-btn.clicked.shaded.fog, .img-btn:hover.shaded.fog {
    background-color: #4f4f4f
}
.img-btn.clicked.shaded.ash, .img-btn:hover.shaded.ash {
    background-color: #36363c
}
.img-btn.clicked.shaded.pewter, .img-btn:hover.shaded.pewter {
    background-color: #29292f
}
.img-btn.clicked.shaded.white, .img-btn:hover.shaded.white {
    background-color: #666
}
.img-btn.clicked.shaded.ink, .img-btn:hover.shaded.ink {
    background-color: #0f0f16
}
.img-btn.clicked.shaded.slate, .img-btn:hover.shaded.slate {
    background-color: #1c1c22
}
.img-btn.clicked.gradient.clear, .img-btn:hover.gradient.clear {
    background-color: transparent
}
.img-btn.clicked.gradient.kaki, .img-btn:hover.gradient.kaki {
    background-color: #f68606
}
.img-btn.clicked.gradient.quince, .img-btn.clicked.gradient.tapas, .img-btn:hover.gradient.quince, .img-btn:hover.gradient.tapas {
    background-color: #f6b606
}
.img-btn.clicked.gradient.swell, .img-btn:hover.gradient.swell {
    background-color: #26b6b6
}
.img-btn.clicked.gradient.mint, .img-btn:hover.gradient.mint {
    background-color: #56c676
}
.img-btn.clicked.gradient.error, .img-btn.clicked.gradient.sorbet, .img-btn:hover.gradient.error, .img-btn:hover.gradient.sorbet {
    background-color: #f64656
}
.img-btn.clicked.gradient.facebook, .img-btn:hover.gradient.facebook {
    background-color: #4267b2
}
.img-btn.clicked.gradient.google, .img-btn:hover.gradient.google {
    background-color: #4285f4
}
.img-btn.clicked.gradient.darkness, .img-btn:hover.gradient.darkness {
    background-color: #060616
}
.img-btn.clicked.gradient.ghost, .img-btn:hover.gradient.ghost {
    background-color: #f6f6f6
}
.img-btn.clicked.gradient.haze, .img-btn:hover.gradient.haze {
    background-color: #d6d6d6
}
.img-btn.clicked.gradient.smog, .img-btn:hover.gradient.smog {
    background-color: #a6a6a6
}
.img-btn.clicked.gradient.fog, .img-btn:hover.gradient.fog {
    background-color: #c6c6c6
}
.img-btn.clicked.gradient.ash, .img-btn:hover.gradient.ash {
    background-color: #868696
}
.img-btn.clicked.gradient.pewter, .img-btn:hover.gradient.pewter {
    background-color: #666676
}
.img-btn.clicked.gradient.white, .img-btn:hover.gradient.white {
    background-color: #fff
}
.img-btn.clicked.gradient.ink, .img-btn:hover.gradient.ink {
    background-color: #262636
}
.img-btn.clicked.gradient.slate, .img-btn:hover.gradient.slate {
    background-color: #464656
}
.img-btn.clicked.transparent.clear, .img-btn:hover.transparent.clear {
    background-color: transparent
}
.img-btn.clicked.transparent.kaki, .img-btn:hover.transparent.kaki {
    background-color: #f68606
}
.img-btn.clicked.transparent.quince, .img-btn.clicked.transparent.tapas, .img-btn:hover.transparent.quince, .img-btn:hover.transparent.tapas {
    background-color: #f6b606
}
.img-btn.clicked.transparent.swell, .img-btn:hover.transparent.swell {
    background-color: #26b6b6
}
.img-btn.clicked.transparent.mint, .img-btn:hover.transparent.mint {
    background-color: #56c676
}
.img-btn.clicked.transparent.error, .img-btn.clicked.transparent.sorbet, .img-btn:hover.transparent.error, .img-btn:hover.transparent.sorbet {
    background-color: #f64656
}
.img-btn.clicked.transparent.facebook, .img-btn:hover.transparent.facebook {
    background-color: #4267b2
}
.img-btn.clicked.transparent.google, .img-btn:hover.transparent.google {
    background-color: #4285f4
}
.img-btn.clicked.transparent.darkness, .img-btn:hover.transparent.darkness {
    background-color: #060616
}
.img-btn.clicked.transparent.ghost, .img-btn:hover.transparent.ghost {
    background-color: #f6f6f6
}
.img-btn.clicked.transparent.haze, .img-btn:hover.transparent.haze {
    background-color: #d6d6d6
}
.img-btn.clicked.transparent.smog, .img-btn:hover.transparent.smog {
    background-color: #a6a6a6
}
.img-btn.clicked.transparent.fog, .img-btn:hover.transparent.fog {
    background-color: #c6c6c6
}
.img-btn.clicked.transparent.ash, .img-btn:hover.transparent.ash {
    background-color: #868696
}
.img-btn.clicked.transparent.pewter, .img-btn:hover.transparent.pewter {
    background-color: #666676
}
.img-btn.clicked.transparent.white, .img-btn:hover.transparent.white {
    background-color: #fff
}
.img-btn.clicked.transparent.ink, .img-btn:hover.transparent.ink {
    background-color: #262636
}
.img-btn.clicked.transparent.slate, .img-btn:hover.transparent.slate {
    background-color: #464656
}
.img-btn.clicked.clear, .img-btn.static.clear, .img-btn:hover.clear {
    background-color: transparent
}
.img-btn.static.kaki {
    background-color: #f68606
}
.img-btn.static.quince, .img-btn.static.tapas {
    background-color: #f6b606
}
.img-btn.static.swell {
    background-color: #26b6b6
}
.img-btn.static.mint {
    background-color: #56c676
}
.img-btn.static.error, .img-btn.static.sorbet {
    background-color: #f64656
}
.img-btn.static.facebook {
    background-color: #4267b2
}
.img-btn.static.google {
    background-color: #4285f4
}
.img-btn.static.darkness {
    background-color: #060616
}
.img-btn.static.ghost {
    background-color: #f6f6f6
}
.img-btn.static.haze {
    background-color: #d6d6d6
}
.img-btn.static.smog {
    background-color: #a6a6a6
}
.img-btn.static.fog {
    background-color: #c6c6c6
}
.img-btn.static.ash {
    background-color: #868696
}
.img-btn.static.pewter {
    background-color: #666676
}
.img-btn.static.white {
    background-color: #fff
}
.img-btn.static.ink {
    background-color: #262636
}
.img-btn.static.slate {
    background-color: #464656
}
.img-btn.shaded.clear {
    background-color: transparent
}
.img-btn.shaded.kaki {
    background-color: #ac5e04
}
.img-btn.shaded.quince {
    background-color: #ac7f04
}
.img-btn.shaded.swell {
    background-color: #1b7f7f
}
.img-btn.shaded.mint {
    background-color: #3c8b53
}
.img-btn.shaded.sorbet {
    background-color: #ac313c
}
.img-btn.shaded.facebook {
    background-color: #2e487d
}
.img-btn.shaded.google {
    background-color: #2e5dab
}
.img-btn.shaded.darkness {
    background-color: #04040f
}
.img-btn.shaded.ghost {
    background-color: #acacac
}
.img-btn.shaded.haze {
    background-color: #969696
}
.img-btn.shaded.fog {
    background-color: #8b8b8b
}
.img-btn.shaded.ash {
    background-color: #5e5e69
}
.img-btn.shaded.pewter {
    background-color: #474753
}
.img-btn.shaded.white {
    background-color: #b3b3b3
}
.img-btn.shaded.ink {
    background-color: #1b1b26
}
.img-btn.shaded.slate {
    background-color: #31313c
}
.img-btn.clear, .img-btn.transparent {
    background-color: transparent
}
.mix-btn {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    height: 100%;
    border: none;
    margin: 0;
    padding: 4px 16px;
    font-size: 0;
    background-color: hsla(240, 7%, 43%, .6);
    font-weight: 700 !important;
    border-radius: 8px;
    transition: background-color .2s linear
}
.mix-btn:focus {
    outline: none
}
.mix-btn i {
    display: inline-block;
    vertical-align: middle;
    margin: 8px;
    transition: opacity .2s linear
}
.mix-btn .btn-label {
    margin: 0;
    vertical-align: middle;
    color: #fff;
    font-size: 13px;
    text-transform: capitalize
}
.mix-btn .btn-label.small {
    font-size: 14px;
    margin-left: 11px;
}
.mix-btn.regular {
    font-weight: 400 !important
}
.mix-btn.normal, .mix-btn.normal > .btn-label {
    text-transform: none
}
.mix-btn.large {
    height: 38px
}
.mix-btn.large .btn-label {
    line-height: 2.5
}
.mix-btn.large i {
    margin: 12px
}
.mix-btn.extra {
    height: 64px
}
.mix-btn.extra .btn-label {
    line-height: 4
}
.mix-btn.extra i {
    margin: 16px 0
}
.mix-btn.static.clear {
    background-color: transparent
}
.mix-btn.static.kaki {
    background-color: #f68606
}
.mix-btn.static.quince, .mix-btn.static.tapas {
    background-color: #f6b606
}
.mix-btn.static.swell {
    background-color: #26b6b6
}
.mix-btn.static.mint {
    background-color: #56c676
}
.mix-btn.static.error, .mix-btn.static.sorbet {
    background-color: #f64656
}
.mix-btn.static.facebook {
    background-color: #4267b2
}
.mix-btn.static.google {
    background-color: #4285f4
}
.mix-btn.static.darkness {
    background-color: #060616
}
.mix-btn.static.ghost {
    background-color: #f6f6f6
}
.mix-btn.static.haze {
    background-color: #d6d6d6
}
.mix-btn.static.smog {
    background-color: #a6a6a6
}
.mix-btn.static.fog {
    background-color: #c6c6c6
}
.mix-btn.static.ash {
    background-color: #868696
}
.mix-btn.static.pewter {
    background-color: #666676
}
.mix-btn.static.white {
    background-color: #fff
}
.mix-btn.static.ink {
    background-color: #262636
}
.mix-btn.static.slate {
    background-color: #464656
}
.mix-btn.shaded.clear {
    background-color: transparent
}
.mix-btn.shaded.kaki {
    background-color: #ac5e04
}
.mix-btn.shaded.quince {
    background-color: #ac7f04
}
.mix-btn.shaded.swell {
    background-color: #1b7f7f
}
.mix-btn.shaded.mint {
    background-color: #3c8b53
}
.mix-btn.shaded.sorbet {
    background-color: #ac313c
}
.mix-btn.shaded.facebook {
    background-color: #2e487d
}
.mix-btn.shaded.google {
    background-color: #2e5dab
}
.mix-btn.shaded.darkness {
    background-color: #04040f
}
.mix-btn.shaded.ghost {
    background-color: #acacac
}
.mix-btn.shaded.haze {
    background-color: #969696
}
.mix-btn.shaded.fog {
    background-color: #8b8b8b
}
.mix-btn.shaded.ash {
    background-color: #5e5e69
}
.mix-btn.shaded.pewter {
    background-color: #474753
}
.mix-btn.shaded.white {
    background-color: #b3b3b3
}
.mix-btn.shaded.ink {
    background-color: #1b1b26
}
.mix-btn.shaded.slate {
    background-color: #31313c
}
.mix-btn.clear, .mix-btn.transparent {
    background-color: transparent
}
.mix-btn.clicked, .mix-btn:hover {
    transition: background-color .2s linear;
    background-color: #666676
}
.mix-btn.clicked .btn-label, .mix-btn:hover .btn-label {
    color: #fff;
    cursor: pointer
}
.mix-btn.clicked i, .mix-btn:hover i {
    transition: opacity .2s linear
}
.mix-btn.clicked.static.clear, .mix-btn:hover.static.clear {
    background-color: transparent
}
.mix-btn.clicked.static.kaki, .mix-btn:hover.static.kaki {
    background-color: #ac5e04
}
.mix-btn.clicked.static.quince, .mix-btn:hover.static.quince {
    background-color: #ac7f04
}
.mix-btn.clicked.static.swell, .mix-btn:hover.static.swell {
    background-color: #1b7f7f
}
.mix-btn.clicked.static.mint, .mix-btn:hover.static.mint {
    background-color: #3c8b53
}
.mix-btn.clicked.static.sorbet, .mix-btn:hover.static.sorbet {
    background-color: #ac313c
}
.mix-btn.clicked.static.facebook, .mix-btn:hover.static.facebook {
    background-color: #2e487d
}
.mix-btn.clicked.static.google, .mix-btn:hover.static.google {
    background-color: #2e5dab
}
.mix-btn.clicked.static.darkness, .mix-btn:hover.static.darkness {
    background-color: #04040f
}
.mix-btn.clicked.static.ghost, .mix-btn:hover.static.ghost {
    background-color: #acacac
}
.mix-btn.clicked.static.haze, .mix-btn:hover.static.haze {
    background-color: #969696
}
.mix-btn.clicked.static.fog, .mix-btn:hover.static.fog {
    background-color: #8b8b8b
}
.mix-btn.clicked.static.ash, .mix-btn:hover.static.ash {
    background-color: #5e5e69
}
.mix-btn.clicked.static.pewter, .mix-btn:hover.static.pewter {
    background-color: #474753
}
.mix-btn.clicked.static.white, .mix-btn:hover.static.white {
    background-color: #b3b3b3
}
.mix-btn.clicked.static.ink, .mix-btn:hover.static.ink {
    background-color: #1b1b26
}
.mix-btn.clicked.static.slate, .mix-btn:hover.static.slate {
    background-color: #31313c
}
.mix-btn.clicked.shaded.clear, .mix-btn:hover.shaded.clear {
    background-color: transparent
}
.mix-btn.clicked.shaded.kaki, .mix-btn:hover.shaded.kaki {
    background-color: #623602
}
.mix-btn.clicked.shaded.quince, .mix-btn:hover.shaded.quince {
    background-color: #624902
}
.mix-btn.clicked.shaded.swell, .mix-btn:hover.shaded.swell {
    background-color: #0f4949
}
.mix-btn.clicked.shaded.mint, .mix-btn:hover.shaded.mint {
    background-color: #224f2f
}
.mix-btn.clicked.shaded.sorbet, .mix-btn:hover.shaded.sorbet {
    background-color: #621c22
}
.mix-btn.clicked.shaded.facebook, .mix-btn:hover.shaded.facebook {
    background-color: #1a2947
}
.mix-btn.clicked.shaded.google, .mix-btn:hover.shaded.google {
    background-color: #1a3562
}
.mix-btn.clicked.shaded.darkness, .mix-btn:hover.shaded.darkness {
    background-color: #020209
}
.mix-btn.clicked.shaded.ghost, .mix-btn:hover.shaded.ghost {
    background-color: #626262
}
.mix-btn.clicked.shaded.haze, .mix-btn:hover.shaded.haze {
    background-color: #565656
}
.mix-btn.clicked.shaded.fog, .mix-btn:hover.shaded.fog {
    background-color: #4f4f4f
}
.mix-btn.clicked.shaded.ash, .mix-btn:hover.shaded.ash {
    background-color: #36363c
}
.mix-btn.clicked.shaded.pewter, .mix-btn:hover.shaded.pewter {
    background-color: #29292f
}
.mix-btn.clicked.shaded.white, .mix-btn:hover.shaded.white {
    background-color: #666
}
.mix-btn.clicked.shaded.ink, .mix-btn:hover.shaded.ink {
    background-color: #0f0f16
}
.mix-btn.clicked.shaded.slate, .mix-btn:hover.shaded.slate {
    background-color: #1c1c22
}
.mix-btn.clicked.gradient.clear, .mix-btn:hover.gradient.clear {
    background-color: transparent
}
.mix-btn.clicked.gradient.kaki, .mix-btn:hover.gradient.kaki {
    background-color: #f68606
}
.mix-btn.clicked.gradient.quince, .mix-btn.clicked.gradient.tapas, .mix-btn:hover.gradient.quince, .mix-btn:hover.gradient.tapas {
    background-color: #f6b606
}
.mix-btn.clicked.gradient.swell, .mix-btn:hover.gradient.swell {
    background-color: #26b6b6
}
.mix-btn.clicked.gradient.mint, .mix-btn:hover.gradient.mint {
    background-color: #56c676
}
.mix-btn.clicked.gradient.error, .mix-btn.clicked.gradient.sorbet, .mix-btn:hover.gradient.error, .mix-btn:hover.gradient.sorbet {
    background-color: #f64656
}
.mix-btn.clicked.gradient.facebook, .mix-btn:hover.gradient.facebook {
    background-color: #4267b2
}
.mix-btn.clicked.gradient.google, .mix-btn:hover.gradient.google {
    background-color: #4285f4
}
.mix-btn.clicked.gradient.darkness, .mix-btn:hover.gradient.darkness {
    background-color: #060616
}
.mix-btn.clicked.gradient.ghost, .mix-btn:hover.gradient.ghost {
    background-color: #f6f6f6
}
.mix-btn.clicked.gradient.haze, .mix-btn:hover.gradient.haze {
    background-color: #d6d6d6
}
.mix-btn.clicked.gradient.smog, .mix-btn:hover.gradient.smog {
    background-color: #a6a6a6
}
.mix-btn.clicked.gradient.fog, .mix-btn:hover.gradient.fog {
    background-color: #c6c6c6
}
.mix-btn.clicked.gradient.ash, .mix-btn:hover.gradient.ash {
    background-color: #868696
}
.mix-btn.clicked.gradient.pewter, .mix-btn:hover.gradient.pewter {
    background-color: #666676
}
.mix-btn.clicked.gradient.white, .mix-btn:hover.gradient.white {
    background-color: #fff
}
.mix-btn.clicked.gradient.ink, .mix-btn:hover.gradient.ink {
    background-color: #262636
}
.mix-btn.clicked.gradient.slate, .mix-btn:hover.gradient.slate {
    background-color: #464656
}
.mix-btn.clicked.transparent.clear, .mix-btn:hover.transparent.clear {
    background-color: transparent
}
.mix-btn.clicked.transparent.kaki, .mix-btn:hover.transparent.kaki {
    background-color: #f68606
}
.mix-btn.clicked.transparent.quince, .mix-btn.clicked.transparent.tapas, .mix-btn:hover.transparent.quince, .mix-btn:hover.transparent.tapas {
    background-color: #f6b606
}
.mix-btn.clicked.transparent.swell, .mix-btn:hover.transparent.swell {
    background-color: #26b6b6
}
.mix-btn.clicked.transparent.mint, .mix-btn:hover.transparent.mint {
    background-color: #56c676
}
.mix-btn.clicked.transparent.error, .mix-btn.clicked.transparent.sorbet, .mix-btn:hover.transparent.error, .mix-btn:hover.transparent.sorbet {
    background-color: #f64656
}
.mix-btn.clicked.transparent.facebook, .mix-btn:hover.transparent.facebook {
    background-color: #4267b2
}
.mix-btn.clicked.transparent.google, .mix-btn:hover.transparent.google {
    background-color: #4285f4
}
.mix-btn.clicked.transparent.darkness, .mix-btn:hover.transparent.darkness {
    background-color: #060616
}
.mix-btn.clicked.transparent.ghost, .mix-btn:hover.transparent.ghost {
    background-color: #f6f6f6
}
.mix-btn.clicked.transparent.haze, .mix-btn:hover.transparent.haze {
    background-color: #d6d6d6
}
.mix-btn.clicked.transparent.smog, .mix-btn:hover.transparent.smog {
    background-color: #a6a6a6
}
.mix-btn.clicked.transparent.fog, .mix-btn:hover.transparent.fog {
    background-color: #c6c6c6
}
.mix-btn.clicked.transparent.ash, .mix-btn:hover.transparent.ash {
    background-color: #868696
}
.mix-btn.clicked.transparent.pewter, .mix-btn:hover.transparent.pewter {
    background-color: #666676
}
.mix-btn.clicked.transparent.white, .mix-btn:hover.transparent.white {
    background-color: #fff
}
.mix-btn.clicked.transparent.ink, .mix-btn:hover.transparent.ink {
    background-color: #262636
}
.mix-btn.clicked.transparent.slate, .mix-btn:hover.transparent.slate {
    background-color: #464656
}
.mix-btn.clicked.clear, .mix-btn:hover.clear {
    background-color: transparent
}
.global-nav {
    position: relative;
    max-width: 100%;
    min-width: 748px;
    width: 100%;
    min-height: 60px;
    z-index: 999;
    background-color: #262636
}
.global-nav.tall {
    min-height: 100px
}
.global-nav.transparent {
    position: absolute;
    background: linear-gradient(180deg, rgba(6, 6, 22, .5), rgba(6, 6, 22, 0));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(6,6,22, 0.5)", endColorstr="rgba(6,6,22, 0)", GradientType=0);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(6,6,22,.5)", endColorstr="rgba(6,6,22,0)", GradientType=0);
    transition: background-color .3s linear
}
.global-nav.transparent.hold-effect, .global-nav.transparent.no-effect, .global-nav.transparent:hover {
    background-color: #262636;
    opacity: 1
}
.global-nav .global-nav-content {
    position: relative;
    width: 100%;
    margin: 0 auto;
    z-index: 10
}
.global-nav .global-nav-content .global-nav-content-left {
    float: right;
    font-size: 0;
    line-height: 0;
    padding-right: 20px
}
.global-nav .global-nav-content .global-nav-content-right {
    position: absolute;
    left: 0;
    z-index: 1;
    font-size: 0;
    line-height: 0
}
.global-nav .global-nav-content .global-nav-content-right .global-nav-content-right-menus, .global-nav .global-nav-content .global-nav-content-right .global-nav-content-right-search {
    display: -ms-inline-flexbox;
    display: inline-flex
}
.global-nav-content .global-nav-content-item {
    position: relative;
    font-size: 13px;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    height: 60px;
}
.global-nav-content .global-nav-content-item > li {
    display: inline-block;
    position: relative;
    margin-top: 25px;
}
.global-nav-content .global-nav-content-item > li .sub-menu {
    display: none;
    position: absolute;
    right: 0px;
    background: #060616;
    padding: 20px 10px 10px;
    top: 15px;
}
.global-nav-content .global-nav-content-item > li .sub-menul li {
    width: max-content;
}
.global-nav-content .global-nav-content-item > li:hover > .sub-menu {
    display: block;
}
.global-nav-content .global-nav-content-item > li a {
    color: #fff;
    font-family: sefid;
    font-weight: 900;
    font-size: 14px;
    margin: 0 15px;
}
.global-nav-content .global-nav-content-item > li .sub-menu li a {
    line-height: 1.9;
    font-size: 12px;
    text-align: right;
}
.global-nav-content .global-nav-content-item:last-child {
    margin-right: 0
}
.global-nav-content .global-nav-content-item.on, .global-nav-content .global-nav-content-item:hover {
    background-color: #060616
}
.global-nav-content .global-nav-content-item.on.mod-hover, .global-nav-content .global-nav-content-item:hover.mod-hover {
    background-color: transparent
}
.global-nav-content .global-nav-content-item.on .quince, .global-nav-content .global-nav-content-item:hover .quince {
    color: #f6b606
}
.global-nav-content .global-nav-content-item.on .global-nav-content-item-list {
    display: block
}
.global-nav-content .global-nav-content-item .global-nav-content-item-btn {
    position: relative;
    line-height: 2.75;
    padding: 0 20px;
    font-size: 22px;
    color: #fff;
    font-family: kalame;
    font-weight: 900 !important;
}
.global-nav-content .global-nav-content-item .global-nav-content-item-btn.quince {
    color: #f6b606
}
.global-nav-content .global-nav-content-item .global-nav-content-item-btn.mod-logo-btn {
    padding: 14px 0 14px 10px
}
.global-nav-content .global-nav-content-item .global-nav-content-item-btn.mod-mature {
    padding-right: 38px
}
.global-nav-content .global-nav-content-item .global-nav-content-item-btn > .mature-icon {
    position: absolute;
    top: 23px;
    margin-left: 4px
}
.global-nav-content .global-nav-content-item .global-nav-content-item-img-btn {
    position: relative;
    padding: 18px 16px;
    border-radius: 0
}
.global-nav-content .global-nav-content-item .global-nav-content-item-img-btn.mod-thumbnail {
    padding: 15px 17px
}
.global-nav-content .global-nav-content-item .global-nav-content-item-img-btn .ico.mod-margin8 {
    margin: 0 8px
}
.global-nav-content .global-nav-content-item .global-nav-content-item-img-btn .ico.mod-margin5 {
    margin: 0 5px
}
.global-nav-content .global-nav-content-item .global-nav-content-item-img-btn .global-nav-content-item-count {
    position: absolute;
    top: 10px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    background-color: #f64656;
    font-size: 12px;
    color: #fff;
    border-radius: 50%;
    font-weight: 700 !important
}
.global-nav-content .global-nav-content-item .global-nav-content-item-list {
    position: absolute;
    left: 0;
    display: none;
    background-color: #464656
}
.global-nav-content-item-list {
    width: 192px
}
.global-nav-content-item-list.mod-activity {
    width: 406px
}
.global-nav-content-item-list.mod-library {
    width: 270px
}
.global-nav-content-item-list .scrollbar-wrap .overview {
    padding: 0
}
.global-nav-content-item-list .scrollbar-wrap .overview > li {
    box-sizing: border-box;
    padding: 0 1px
}
.global-nav-content-item-list .global-nav-content-item-list-header {
    padding: 0 4px 0 16px;
    background-color: #262636;
    border: 1px solid #060616;
    border-left: none;
    border-right: none
}
.global-nav-content-item-list .global-nav-content-item-list-header .global-nav-content-item-list-header-title {
    display: inline-block;
    line-height: 40px;
    color: hsla(0, 0%, 100%, .5);
    font-weight: 700 !important;
    font-size: 16px
}
.global-nav-content-item-list .global-nav-content-item-list-header .global-nav-content-item-list-header-title:hover {
    color: #fff
}
.global-nav-content-item-list .global-nav-content-item-list-header .global-nav-content-item-list-header-btn {
    float: right;
    padding: 6px;
    margin-top: 8px;
    line-height: 1;
    border-radius: 4px;
    font-size: 12px;
    color: hsla(0, 0%, 100%, .3)
}
.global-nav-content-item-list .global-nav-content-item-list-header .global-nav-content-item-list-header-btn:hover {
    color: #fff;
    background-color: #464656
}
.global-nav-content-item-list .global-nav-content-item-list-footer {
    height: 36px
}
.global-nav-content-item-list .global-nav-content-item-list-footer .global-nav-content-item-list-footer-btn {
    width: 100%;
    padding: 0;
    line-height: 36px;
    font-size: 14px;
    background-color: #262636;
    color: hsla(0, 0%, 100%, .5);
    text-align: center;
    border-top: 1px solid #060616
}
.global-nav-content-item-list .global-nav-content-item-list-footer .global-nav-content-item-list-footer-btn:hover {
    background-color: #464656;
    color: #fff
}
.global-nav-content-item-list .global-nav-content-item-list-footer .global-nav-content-item-list-footer-btn:hover.no-link {
    color: hsla(0, 0%, 100%, .5)
}
.global-nav-content-item-list .global-nav-content-item-list-footer .global-nav-content-item-list-footer-btn .link {
    line-height: 20px;
    color: #fff
}
.global-nav-content-item-list .global-nav-content-item-list-footer .global-nav-content-item-list-footer-btn .link:hover {
    color: #fff
}
.global-nav-content-item-list .global-nav-content-item-list-body {
    max-height: 300px
}
.global-nav-content-item-list .global-nav-content-item-list-body.mod-no-max {
    max-height: 100%
}
.global-nav-content-item-list .global-nav-content-item-list-body.mod-border {
    border: 1px solid rgba(70, 70, 86, .6);
    border-top: none
}
.global-nav-content-item-list .global-nav-content-item-list-body.mod-border .nav-item-wrap.mod-profile {
    padding: 14px
}
.global-nav-content-item-list .global-nav-content-item-list-body .nav-item-wrap {
    border-bottom: 1px solid #060616;
    background-color: rgba(6, 6, 22, .64)
}
.global-nav-content-item-list .global-nav-content-item-list-body .nav-item-wrap:last-child {
    border: none
}
.global-nav-content-item-list .global-nav-content-item-list-body .nav-item-wrap.mod-unread {
    background-color: #262636
}
.global-nav-content-item-list .global-nav-content-item-list-body .nav-item-wrap.mod-unread .activity-contents, .global-nav-content-item-list .global-nav-content-item-list-body .nav-item-wrap.mod-unread .series-title {
    color: #fff
}
.global-nav-content-item-list .global-nav-content-item-list-body .nav-item-wrap.mod-menu {
    border: none;
    background-color: #060616
}
.global-nav-content-item-list .global-nav-content-item-list-body .nav-item-wrap.mod-top-line {
    border-top: 1px solid #464656
}
.global-nav-content-item-list .global-nav-content-item-list-body .nav-item-wrap.mod-profile {
    padding: 16px;
    border: none;
    background-color: #060616
}
.global-nav-content-item-list .global-nav-content-item-list-body .nav-item-wrap:hover.mod-menu, .global-nav-content-item-list .global-nav-content-item-list-body .nav-item-wrap:hover.mod-unread {
    background-color: #464656
}
.global-nav-content-item-list .global-nav-content-item-list-body .nav-item-wrap:hover .activity-contents, .global-nav-content-item-list .global-nav-content-item-list-body .nav-item-wrap:hover .series-title {
    color: #fff
}
.global-nav-content-item-list .global-nav-content-item-list-body .nav-item-wrap .nav-item-btn {
    width: 100%;
    line-height: 40px;
    padding: 0 4px;
    text-align: right;
    color: #fff;
    background-color: transparent
}
.global-nav-content-item-list .global-nav-content-item-list-body .nav-item-wrap .nav-item-btn .ico.mod-5 {
    margin: 12px 15px 12px 14px
}
.global-nav-content-item-list .global-nav-content-item-list-body .nav-item-wrap .nav-item-btn .ico.mod-2 {
    margin: 12px 13px
}
.global-nav-content-item-list .global-nav-content-item-list-body .nav-item-wrap .nav-item-btn .ico.mod-3 {
    margin: 12px 14px 12px 13px
}
.global-nav-content-item-list .global-nav-content-item-list-body .nav-item-wrap .nav-item-img {
    float: left;
    font-size: 0;
    line-height: 0;
    padding: 10px
}
.global-nav-content-item-list .global-nav-content-item-list-body .nav-item-wrap .nav-item-img.mod-img {
    padding: 0
}
.global-nav-content-item-list .global-nav-content-item-list-body .nav-item-wrap .nav-item-desc {
    position: relative;
    font-size: 0;
    line-height: 0;
    padding: 10px 0 9px 16px;
    margin-left: 60px;
    display: block
}
.global-nav-content-item-list .global-nav-content-item-list-body .nav-item-wrap .nav-item-desc.mod-activity {
    margin-left: 70px
}
.global-nav-content-item-list .global-nav-content-item-list-body .nav-item-wrap .nav-profile-btn {
    position: relative;
    display: inline-block;
    padding: 0;
    vertical-align: top
}
.global-nav-content-item-list .global-nav-content-item-list-body .nav-item-wrap .nav-profile-btn:hover > .thumb-overlay {
    background-color: rgba(6, 6, 22, .3)
}
.global-nav-content-item-list .global-nav-content-item-list-body .nav-item-wrap .nav-profile {
    position: relative;
    display: inline-block;
    width: 108px;
    margin-right: 12px
}
.global-nav-content-item-list .global-nav-content-item-list-body .nav-item-wrap .nav-profile .nav-profile-name {
    display: block;
    max-width: 108px;
    margin-bottom: 4px;
    line-height: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    direction: ltr;
    font-size: 12px;
}
.global-nav-content-item-list .global-nav-content-item-list-body .nav-item-wrap .nav-profile .nav-coins {
    vertical-align: top;
    padding: 0;
    margin-right: 6px
}
.global-nav-content-item-list .global-nav-content-item-list-body .nav-item-wrap .nav-profile .nav-coins i {
    margin: 0 3px 0 0
}
.global-nav-content-item-list .global-nav-content-item-list-body .nav-item-wrap .nav-profile .nav-coins span {
    line-height: 16px;
    font-size: 12px;
    color: #f6f6f6;
    font-weight: 700 !important
}
.global-nav-content-item-list .global-nav-content-item-list-body .nav-item-wrap .nav-profile .nav-coin-btn {
    width: 40px;
    float: right;
    line-height: 16px;
    background-color: #666676;
    font-size: 10px
}
.global-nav-content-item-list .global-nav-content-item-list-body .nav-item-wrap .nav-profile .nav-coin-btn span {
    line-height: 16px;
    color: #060616
}
.global-nav-content-item-list .global-nav-content-item-list-body .nav-item-wrap .nav-profile .nav-coin-btn:hover {
    background-color: #464656
}
.global-nav-content-item-list .global-nav-content-item-list-body .nav-item-wrap .series-title {
    margin: 0 50px 6px 0;
    line-height: 20px;
    font-size: 16px;
    color: hsla(0, 0%, 100%, .6);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-weight: 700 !important
}
.global-nav-content-item-list .global-nav-content-item-list-body .nav-item-wrap .activity-contents {
    margin: 0 50px 6px 0;
    line-height: 20px;
    font-size: 16px;
    color: hsla(0, 0%, 100%, .5)
}
.global-nav-content-item-list .global-nav-content-item-list-body .nav-item-wrap .activity-contents strong {
    font-style: normal;
    font-weight: 400
}
.global-nav-content-item-list .global-nav-content-item-list-body .nav-item-wrap .date {
    margin: 0;
    line-height: 15px;
    font-size: 12px;
    color: hsla(0, 0%, 100%, .5)
}
.global-nav-content-item-list .global-nav-content-item-list-body .nav-item-wrap .new-indicator {
    position: absolute;
    top: 22px;
    right: 8px;
    width: 36px;
    height: 16px;
    border-radius: 8px;
    background-color: #f6b606;
    text-align: center
}
.global-nav-content-item-list .global-nav-content-item-list-body .nav-item-wrap .new-indicator:after {
    content: "New";
    width: 36px;
    height: 16px;
    line-height: 16px;
    font-weight: 700 !important;
    font-size: 10px;
    color: #262636
}
.global-nav-content-item-list .global-nav-content-item-list-body .nav-item-wrap .dot-indicator {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #f6b606
}
.global-nav-content-item-list .global-nav-content-item-list-body .global-nav-content-item-list-empty {
    padding: 22px 40px;
    background-color: #060616;
    font-weight: 700 !important
}
.global-nav-content-item-list .global-nav-content-item-list-body .global-nav-content-item-list-empty .global-nav-content-item-list-empty-desc {
    margin: 0;
    line-height: 1;
    font-size: 12px;
    color: #868696
}
.global-nav-content-item-list .global-nav-content-item-list-body .global-nav-content-item-list-empty .global-nav-content-item-list-empty-desc.mod-head {
    line-height: 16px;
    font-size: 14px;
    color: #666676;
    text-align: center
}
.global-nav-content-right-menus {
    opacity: 1;
    transition: opacity .4s;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.global-nav-content-right-menus.off {
    opacity: 0;
    transition: opacity .4s
}
.global-nav-content-right-search {
    overflow: hidden;
    vertical-align: middle
}
.global-nav-content-right-search.on {
    overflow: visible
}
.global-nav-content-right-search .global-nav-search {
    position: relative;
    width: 64px;
    transition: width .4s
}
.global-nav-content-right-search .global-nav-search.on {
    width: 330px;
    transition: width .4s
}
.global-nav-content-right-search .global-nav-search.on .global-nav-search-query {
    transition: background-color .4s;
    background-color: #060616
}
.global-nav-content-right-search .global-nav-search .global-nav-search-query {
    position: relative;
    height: 60px;
    font-size: 0;
    line-height: 0;
    transition: background-color .4s;
    background-color: transparent
}
.global-nav-content-right-search .global-nav-search .global-nav-search-query:hover {
    background-color: #060616
}
.global-nav-content-right-search .global-nav-search .global-nav-search-query .global-nav-search-form {
    margin: 0;
    display: inline-block;
    width: 226px;
    height: 60px;
    vertical-align: middle;
    overflow: hidden
}
.global-nav-content-right-search .global-nav-search .global-nav-search-query .global-nav-search-form .global-nav-search-input {
    border: none;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 10px 0;
    background-color: #060616;
    color: #fff;
    font-size: 15px;
    font-weight: 400 !important
}
.global-nav-content-right-search .global-nav-search .global-nav-search-query .global-nav-search-btn {
    padding: 18px 20px;
    background-color: transparent;
    border-radius: 0
}
.global-nav-content-right-search .global-nav-search .global-nav-search-query .global-nav-search-btn.mod-close-btn {
    position: absolute;
    left: 0;
    padding: 22px 24px
}
.global-nav-content-right-search .global-nav-search .global-nav-search-result {
    position: absolute;
    right: 0;
    width: 100%;
    background-color: #464656
}
.global-nav-content-right-search .global-nav-search .global-nav-search-result .global-nav-search-result-list .global-nav-search-result-item {
    display: block;
    background-color: #262636;
    padding: 10px 15px
}
.global-nav-content-right-search .global-nav-search .global-nav-search-result .global-nav-search-result-list .global-nav-search-result-item.on, .global-nav-content-right-search .global-nav-search .global-nav-search-result .global-nav-search-result-list .global-nav-search-result-item:hover {
    background-color: #464656
}
.global-nav-content-right-search .global-nav-search .global-nav-search-result .global-nav-search-result-list .global-nav-search-result-item:last-child {
    border-top: 1px solid #060616
}
.global-nav-bars {
    clear: both;
    position: relative;
    z-index: 0
}
.global-nav-search-result-item {
    cursor: pointer
}
.global-nav-search-result-item:last-child {
    border-top: 1px solid #262636;
    padding: 0
}
.global-nav-search-result-item .search-result-img {
    display: inline-block;
    font-size: 0;
    line-height: 0
}
.global-nav-search-result-item .search-result-link {
    position: relative;
    display: inline-block;
    width: 260px;
    margin-left: 10px;
    vertical-align: middle;
    font-size: 16px;
    color: #a6a6a6
}
.global-nav-search-result-item .search-result-link .word-highlight {
    background-color: transparent;
    color: #fff
}
.global-nav-search-result-item .search-result-link .title {
    margin: 0 40px 0 0;
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}
.global-nav-search-result-item .search-result-link .icon {
    position: absolute;
    top: 2px;
    right: 0
}
.global-nav-search-result-item .search-result-btn {
    width: 100%;
    display: inline-block;
    line-height: 36px;
    font-weight: 700 !important;
    font-size: 14px;
    color: hsla(0, 0%, 100%, .5)
}
.global-nav-search-result-item .search-result-btn:hover {
    background-color: #464656;
    color: #fff
}
.global-footer {
    position: relative;
    z-index: 1
}
.global-footer .global-footer-section {
    width: 100%;
    background-color: #f6b606
}
.global-footer .global-footer-menus {
    max-width: 940px;
    margin: 0 auto;
    padding-bottom: 24px;
    text-align: center
}
.global-footer-icon {
    padding-top: 15px
}
.global-footer-icon img {
    width: 240px;
    margin-bottom: 18px;
}
.global-footer-icon .global-footer-icon-mascot > a {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 80px;
    margin: 0 auto 18px
}
.global-footer-icon .global-footer-icon-items {
    font-size: 0;
    margin-top: 20px;
    line-height: 0
}
.global-footer-icon .global-footer-icon-items .global-footer-icon-item {
    display: inline-block;
    margin-right: 18px
}
.global-footer-icon .global-footer-icon-items .global-footer-icon-item a {
    vertical-align: middle;
    background-color: #af8104;
    border-radius: 100%
}
.global-footer-icon .global-footer-icon-items .global-footer-icon-item a:hover {
    background-color: #fff
}
.global-footer-link {
    padding-top: 32px
}
.global-footer-link .global-footer-link-items {
    font-size: 0;
    line-height: 0
}
.global-footer-link .global-footer-link-items .global-footer-link-item {
    display: inline-block;
    margin-right: 30px
}
.global-footer-link .global-footer-link-items .global-footer-link-item .global-footer-link-item-btn {
    padding: 0
}
.global-footer-link .global-footer-link-items .global-footer-link-item .global-footer-link-item-btn:hover {
    color: #fff
}
.global-footer-company {
    padding-top: 32px
}
.global-footer-company .global-footer-company-p {
    display: inline-block;
    margin: 0 4px 0 0;
    line-height: 1;
    font-family: kalame;
    font-weight: 900;
    font-size: 15px;
}
.global-footer-company .global-footer-company-p:last-child {
    font-family: Yekan-B;
    font-size: 15px;
    font-weight: 300;
    margin-right: 13px;
}
.global-footer-company .global-footer-company-p .global-footer-company-p-btn {
    padding: 0;
    vertical-align: baseline
}
.global-footer-company .global-footer-company-p .global-footer-company-p-btn:hover {
    color: #fff
}
.body-outline {
    background-color: #fff;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    position: relative
}
.body-outline.dark {
    background-color: #060616
}
.body-outline.fixed .global-nav {
    background-color: #262636
}
.body-outline.fixed .global-nav .global-nav-content {
    position: fixed;
    background-color: #262636;
    width: 100%;
    min-width: 748px
}
.body-outline.fixed .global-nav .global-nav-bars {
    position: fixed;
    width: 100%;
    top: 60px
}
.modal-backdrop {
    display: none;
    overflow-x: hidden;
    overflow-y: scroll;
    position: fixed;
    background-color: rgba(0, 0, 0, .6);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    min-width: 100% !important;
    z-index: 1005
}
.modal-backdrop.on {
    display: block;
}
.preview-outer {
    background-color: #f6b606;
    width: 100%;
    height: 30px
}
.preview-outer .preview-inner {
    width: 940px;
    margin: 0 auto;
    line-height: 30px;
    text-align: center
}
.field-error {
    color: #f64656;
    font-size: 12px;
    margin-left: 15px;
    text-align: left;
    vertical-align: middle;
    display: inline-block;
    text-transform: none
}
.global-tongue-feedback {
    width: 100%;
    height: 30px;
    text-align: center;
    z-index: 1006;
    position: fixed;
    top: 60px;
    left: 0
}
.global-tongue-feedback .feedback-message {
    background-color: #f6b606;
    margin-top: 10px;
    padding: 5px 25px;
    border-radius: 3px;
    color: #060616;
    font-size: 16px;
    display: inline-block
}
.global-tongue-feedback .feedback-message a {
    color: #26b6b6
}
.global-tongue-feedback .feedback-message.error {
    background-color: #f64656;
    color: #fff !important
}
.global-tongue-feedback .feedback-message.confirm {
    background-color: #56c676;
    color: #464656
}
.global-tongue-feedback .feedback-message strong {
    font-weight: 700 !important
}
.global-prompt {
    min-height: 335px;
    width: 320px;
    margin: 0 auto
}
.global-prompt.mod-w750 {
    width: 750px
}
.global-prompt.mod-prompt {
    width: 350px;
    max-height: 458px;
    border-radius: 3px
}
.global-prompt.mod-prompt .global-prompt-header {
    background-color: #fff
}
.global-prompt.mod-sign {
    background-color: #fff;
    border-radius: 12px
}
.global-prompt.popup {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -236px;
    margin-left: -175px;
    padding: 0;
    visibility: hidden
}
.global-prompt.popup.mod-sign {
    margin-top: -230px;
    margin-left: -160px
}
.global-prompt .sign-bg {
    font-size: 0;
    margin-top: -82px
}
.global-prompt .error-bg {
    position: relative;
    text-align: center;
    padding: 0 24px
}
.global-prompt .error-bg .error-message {
    position: absolute;
    bottom: 0;
    width: 272px;
    padding: 24px 16px 16px;
    background-color: #f64656;
    border-radius: 4px
}
.global-prompt .error-bg .error-message p {
    font-size: 12px;
    color: #fff
}
.global-prompt .error-bg .error-message p a {
    color: #fff;
    font-weight: 700 !important
}
.global-prompt .sign-menu {
    text-align: center;
    padding: 9px
}
.global-prompt .sign-menu.mod-effect {
    opacity: 0
}
.global-prompt .sign-menu.mod-effect.on {
    transition: opacity .5s ease-out;
    opacity: 1
}
.global-prompt .sign-menu .sign-label {
    line-height: 1;
    font-size: 24px;
    color: #464656;
    font-family: Yekan;
    font-weight: 700 !important;
    margin-bottom: 17px;
}
.global-prompt .sign-menu p {
    font-size: 12px;
    color: #464656;
    margin-bottom: 25px;
}
.global-prompt .sign-menu p.mod-p {
    line-height: 20px
}
.global-prompt .sign-menu p.note {
    margin-bottom: 0;
    font-size: 12px;
    color: #666676;
    line-height: 2;
}
.global-prompt .sign-menu p a {
    color: #666676;
    font-family: Yekan-B;
    font-weight: 700 !important
}
.global-prompt .sign-menu p a.quince {
    color: #f6b606
}
.global-prompt .sign-menu p a.mint {
    color: #56c676
}
.global-prompt .sign-button-wrap > p {
    line-height: 48px;
    margin-bottom: 14px;
    font-size: 16px
}
.global-prompt .sign-button-wrap .sign-input {
    position: relative;
    margin-bottom: 16px
}
.global-prompt .sign-button-wrap .sign-input label {
    position: absolute;
    line-height: 0;
    font-size: 12px;
    color: #464656;
    font-weight: 700 !important
}
.global-prompt .sign-button-wrap .sign-input a {
    position: absolute;
    left: 0;
    top: -3px;
}
.global-prompt .sign-button-wrap .sign-input .forgot-password {
    color: #a6a6a6;
    line-height: 1;
    font-size: 12px
}
.global-prompt .sign-button-wrap .sign-input .show-password {
    top: 16px;
    line-height: 0;
    margin: 11px
}
.global-prompt .sign-button-wrap .sign-input .show-password.on {
    margin: 8px 11px
}
.global-prompt .sign-button-wrap .sign-input .sign-input-text {
    min-height: 37px;
    font-size: 13px;
    width: 93%;
    margin-top: 16px;
    padding: 0 8px;
    border: 1px solid #d6d6d6;
    border-radius: 4px;
}
.global-prompt .sign-button-wrap .sign-input .sign-input-text:-moz-placeholder, .global-prompt .sign-button-wrap .sign-input .sign-input-text::-moz-placeholder {
    color: #c6c6c6 !important;
    text-overflow: ellipsis
}
.global-prompt .sign-button-wrap .sign-input .sign-input-text:-ms-input-placeholder {
    color: #c6c6c6 !important;
    text-overflow: ellipsis
}
.global-prompt .sign-button-wrap .sign-input .sign-input-text::-webkit-input-placeholder {
    color: #c6c6c6 !important;
    text-overflow: ellipsis;
    line-height: normal
}
.global-prompt .sign-button-wrap .sign-input .sign-input-text.error {
    border-color: #f64656
}
.global-prompt .sign-button-wrap .sign-btn a, .global-prompt .sign-button-wrap .sign-btn button {
    width: 100%;
    margin-bottom: 12px;
    line-height: 40px;
    height: 40px;
    border-radius: 2px !important
}
.global-prompt .sign-button-wrap .sign-btn a {
    text-align: left;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .24), 0 0 1px 0 rgba(0, 0, 0, .12)
}
.global-prompt .sign-button-wrap .sign-btn a.facebook:hover {
    background-color: #4267b2
}
.global-prompt .sign-button-wrap .sign-btn a.facebook .ico {
    margin: 8px 18px 8px 8px
}
.global-prompt .sign-button-wrap .sign-btn a.google:hover {
    background-color: #4285f4
}
.global-prompt .sign-button-wrap .sign-btn a.google .ico {
    margin: 3px
}
.global-prompt .sign-button-wrap .sign-btn a .ico-wrap {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 8px 21px 8px 8px;
    border-radius: 2px;
    background-color: #fff
}
.global-prompt .sign-button-wrap .sign-btn a label {
    font-size: 14px;
    vertical-align: top
}
.global-prompt .sign-button-wrap .sign-btn button {
    padding: 0;
    border: none;
    color: #fff
}
.global-prompt .global-prompt-header {
    position: relative;
    border-radius: 3px 3px 0 0;
    color: #f6f6f6;
    text-align: center
}
.global-prompt .global-prompt-header .global-prompt-close-btn {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 20px;
    height: 20px;
    padding: 2px
}
.global-prompt .global-prompt-header .global-prompt-header-logo {
    padding-top: 55px
}
.global-prompt .global-prompt-header .global-prompt-header-messages {
    width: 100%;
    margin-top: 5px
}
.global-prompt .global-prompt-header .global-prompt-header-phrase {
    margin: 0;
    padding: 0 32px;
    font-size: 16px;
    line-height: 22px
}
.global-prompt .global-prompt-header .global-prompt-header-phrase.mod-title {
    margin-bottom: 5px;
    line-height: 30px;
    font-size: 24px;
    font-weight: 700 !important;
    color: #060616
}
.global-prompt .global-prompt-header .global-prompt-header-phrase.mod-subtitle {
    line-height: 18px;
    font-size: 14px;
    color: #868696
}
.global-prompt .global-prompt-header .global-prompt-header-phrase.mod-email {
    line-height: 20px;
    margin: 5px 0;
    color: #262636
}
.global-prompt .global-prompt-header .global-prompt-header-phrase.mod-pop-email {
    margin-top: 5px;
    line-height: 25px;
    font-size: 20px;
    color: #262636
}
.global-prompt .global-prompt-menus {
    padding: 20px 25px 40px;
    border-radius: 0 0 3px 3px;
    background-color: #fff;
    color: #a6a6a6;
    text-align: center
}
.global-prompt .global-prompt-menus .global-prompt-error {
    margin-bottom: 20px;
    font-size: 12px;
    color: #f64656;
    font-weight: 700 !important
}
.global-prompt .global-prompt-menus .global-prompt-menu-btn {
    display: block;
    width: 100%;
    height: 48px;
    line-height: 48px;
    margin-bottom: 10px;
    color: #fff
}
.global-prompt .global-prompt-menus .global-prompt-menu-p {
    min-height: 17px;
    font-size: 12px;
    margin-bottom: 20px
}
.global-prompt .global-prompt-menus .global-prompt-menu-p.mod-welcome {
    margin-bottom: 10px;
    color: #868696;
    font-weight: 700 !important
}
.global-prompt .global-prompt-menus .global-prompt-input-wrap {
    position: relative
}
.global-prompt .global-prompt-menus .global-prompt-input-wrap .tongue-error-wrap {
    margin-left: 305px;
    min-width: 230px
}
.global-prompt .global-prompt-menus .global-prompt-input {
    position: relative;
    border-radius: 3px;
    margin-bottom: 10px
}
.global-prompt .global-prompt-menus .global-prompt-input .global-prompt-input-btn {
    position: absolute;
    top: 8px;
    right: 8px;
    font-size: 0;
    line-height: 0
}
.global-prompt .global-prompt-menus .global-prompt-input .global-prompt-input-text {
    line-height: 22px;
    border-radius: 3px
}
.age-page {
    max-width: 512px;
    margin: 0 auto;
    text-align: center;
    font-size: 0;
    line-height: 0
}
.age-page p {
    color: #000
}
.age-page .title {
    margin: 18px 0 10px;
    line-height: 36px;
    font-size: 28px;
    font-weight: 700 !important
}
.age-page .sub-title {
    margin: 0 0 30px;
    line-height: 22px;
    font-size: 16px
}
.age-page .sub-title span {
    font-weight: 700 !important
}
.age-page .age-select {
    font-size: 0;
    line-height: 0
}
.age-page .age-select > div {
    display: inline-block;
    vertical-align: top
}
.age-page .age-select ul {
    display: none;
    position: absolute;
    top: 32px;
    width: 100%;
    height: 165px;
    padding-top: 4px;
    overflow-y: scroll;
    background-color: #fff;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2);
    z-index: 9
}
.age-page .age-select ul li {
    height: 29px;
    cursor: pointer
}
.age-page .age-select ul li p {
    padding: 0 0 0 10px;
    line-height: 29px;
    font-size: 14px;
    text-align: left
}
.age-page .age-select ul li:hover {
    background-color: hsla(0, 0%, 96%, .9)
}
.age-page .age-select .age-month {
    position: relative;
    width: 124px;
    margin-right: 10px
}
.age-page .age-select .age-month.on ul {
    display: block
}
.age-page .age-select .age-day {
    position: relative;
    width: 72px;
    margin-right: 10px
}
.age-page .age-select .age-day.on ul {
    display: block
}
.age-page .age-select .age-year {
    position: relative;
    width: 83px
}
.age-page .age-select .age-year.on ul {
    display: block
}
.age-page .age-select .age-select-label {
    border-bottom: 2px solid hsla(240, 7%, 56%, .3);
    cursor: pointer
}
.age-page .age-select .age-select-label > p {
    margin: 0 0 10px;
    padding: 0 0 0 6px;
    display: block;
    text-align: left
}
.age-page .age-select .age-select-label > i {
    position: absolute;
    top: 11px;
    right: 6px
}
.age-page .age-select .age-label {
    line-height: 22px;
    font-size: 16px;
    color: rgba(38, 38, 54, .3)
}
.age-page .age-select .age-label.on {
    color: #262636
}
.age-page .age-button-wrap {
    font-size: 0;
    line-height: 0;
    margin-top: 47px
}
.age-page .age-button-wrap a {
    margin-right: 14px;
    background-color: hsla(0, 0%, 84%, .3);
    color: #262636
}
.age-page .age-button-wrap a, .age-page .age-button-wrap button {
    width: 164px;
    height: 50px;
    line-height: 38px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400 !important
}
.age-page .age-button-wrap button {
    background-color: rgba(38, 38, 54, .3);
    color: #fff
}
.age-page .age-button-wrap button.on {
    background-color: #262636
}
.butter-bar-wrap {
    position: relative;
    width: 100%;
    height: 40px;
    z-index: 9;
    color: #fff;
    background-color: #26b6b6
}
.butter-bar-wrap.clear {
    background-color: transparent
}
.butter-bar-wrap.kaki {
    background-color: #f68606
}
.butter-bar-wrap.quince, .butter-bar-wrap.tapas {
    background-color: #f6b606
}
.butter-bar-wrap.swell {
    background-color: #26b6b6
}
.butter-bar-wrap.mint {
    background-color: #56c676
}
.butter-bar-wrap.error, .butter-bar-wrap.sorbet {
    background-color: #f64656
}
.butter-bar-wrap.facebook {
    background-color: #4267b2
}
.butter-bar-wrap.google {
    background-color: #4285f4
}
.butter-bar-wrap.darkness {
    background-color: #060616
}
.butter-bar-wrap.ghost {
    background-color: #f6f6f6
}
.butter-bar-wrap.haze {
    background-color: #d6d6d6
}
.butter-bar-wrap.smog {
    background-color: #a6a6a6
}
.butter-bar-wrap.fog {
    background-color: #c6c6c6
}
.butter-bar-wrap.ash {
    background-color: #868696
}
.butter-bar-wrap.pewter {
    background-color: #666676
}
.butter-bar-wrap.white {
    background-color: #fff
}
.butter-bar-wrap.ink {
    background-color: #262636
}
.butter-bar-wrap.slate {
    background-color: #464656
}
.butter-bar-wrap.fixed {
    position: fixed;
    top: 60px
}
.butter-bar-wrap.mod-dark {
    color: rgba(6, 6, 22, .7)
}
.butter-bar-wrap .butter-bar {
    height: 100%;
    text-align: center;
    line-height: 40px;
    font-size: 14px
}
.butter-bar-wrap .butter-bar .butter-bar-btn {
    vertical-align: top;
    height: 30px;
    margin: 5px 0 5px 10px;
    padding: 5px 20px;
    font-size: 14px;
    color: #fff
}
.butter-bar-wrap .butter-bar .butter-bar-input-wrap {
    position: relative;
    display: inline-block
}
.butter-bar-wrap .butter-bar .butter-bar-input {
    min-height: 30px;
    width: 225px;
    height: 30px;
    padding: 5px 3px;
    vertical-align: baseline;
    font-size: 14px
}
.butter-bar-wrap .butter-bar .butter-bar-dismiss-btn {
    float: right;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-top: 5px;
    padding: 7px 20px;
    vertical-align: top
}
.butter-bar-wrap .butter-bar .butter-bar-dismiss-btn > i {
    opacity: .6
}
.butter-bar-wrap .butter-bar .tongue-error-wrap {
    top: 35px;
    left: auto;
    z-index: 1000
}
.butter-bar-wrap .butter-bar .butter-bar-error-msg {
    display: inline-block
}
.butter-bar-wrap .butter-bar .butter-bar-error-msg .butter-bar-error-close-btn {
    vertical-align: text-bottom
}
.butter-bar-wrap + .site-notice-bar {
    position: absolute !important;
    top: 60px
}
.site-notice-bar {
    position: relative;
    width: 100%;
    background-color: #f6b606;
    z-index: 9;
    box-shadow: 0 4px 12px 0 rgba(6, 6, 22, .09)
}
.site-notice-bar.fixed {
    position: absolute;
    top: 60px
}
.site-notice-bar .site-notice-bar-msg {
    position: relative;
    width: 960px;
    margin: 0 auto;
    line-height: 40px;
    padding: 0 10px;
    color: #262636
}
.site-notice-bar .site-notice-bar-msg a {
    font-weight: 700 !important;
    color: #262636;
    text-decoration: underline !important
}
.site-notice-bar .site-notice-bar-dismiss-btn {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 3px
}
.site-notice-bar .site-notice-bar-dismiss-btn > i {
    opacity: .6
}
.tongue-error-wrap {
    position: absolute;
    top: 0;
    left: 0;
    padding: 5px 10px;
    text-align: left;
    color: #fff;
    background-clip: padding-box;
    background-color: rgba(246, 70, 86, .9);
    border-radius: 3px;
    opacity: 0;
    visibility: hidden
}
.tongue-error-wrap.top {
    margin-bottom: 5px
}
.tongue-error-wrap.right {
    margin-left: 5px
}
.tongue-error-wrap.bottom {
    margin-top: 5px
}
.tongue-error-wrap.left {
    margin-right: 5px
}
.tongue-error-wrap.in {
    opacity: 1;
    visibility: visible;
    transition: opacity .3s linear 0s
}
.tongue-error-wrap .msg {
    display: table-cell;
    vertical-align: middle;
    line-height: 1.3
}
.tongue-error-wrap .arrow, .tongue-error-wrap .arrow:after {
    position: absolute;
    display: inline-block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}
.tongue-error-wrap .arrow:after {
    content: "";
    z-index: -1
}
.tongue-error-wrap.top .arrow {
    bottom: -5px;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: rgba(246, 70, 86, .9)
}
.tongue-error-wrap.top .arrow:after {
    border-width: 6px 6px 0;
    border-top-color: rgba(246, 70, 86, .9);
    bottom: -1px;
    left: -6px
}
.tongue-error-wrap.right .arrow {
    top: 50%;
    left: -3px;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: rgba(246, 70, 86, .9)
}
.tongue-error-wrap.right .arrow:after {
    border-width: 6px 6px 6px 0;
    border-right-color: rgba(246, 70, 86, .9);
    bottom: -6px;
    left: -1px
}
.tongue-error-wrap.bottom .arrow {
    top: -5px;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: rgba(246, 70, 86, .9)
}
.tongue-error-wrap.bottom .arrow:after {
    border-width: 0 6px 6px;
    border-bottom-color: rgba(246, 70, 86, .9);
    top: -1px;
    left: -6px
}
.tongue-error-wrap.left .arrow {
    top: 50%;
    right: -3px;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: rgba(246, 70, 86, .9)
}
.tongue-error-wrap.left .arrow:after {
    border-width: 6px 0 6px 6px;
    border-left-color: rgba(246, 70, 86, .9);
    bottom: -6px;
    right: -1px
}
.go-to-top {
    position: fixed;
    top: 90px;
    right: 15px;
    height: 24px;
    display: inline-block;
    padding: 14px;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    opacity: 0;
    cursor: default
}
.go-to-top.on {
    background-color: hsla(0, 0%, 96%, .3);
    opacity: .8
}
.go-to-top.on:hover {
    cursor: pointer
}
.lazy-horizon, .lazy-vertical {
    opacity: .15 !important
}
.scrollbar-wrap {
    overflow: hidden;
    position: relative
}
.scrollbar-wrap .viewport {
    -ms-touch-action: none
}
.scrollbar-wrap .overview {
    position: relative;
    padding: 15px 0 0
}
.scrollbar-wrap .overview > li {
    padding: 8px 16px;
    font-size: 13px;
    direction: ltr;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.scrollbar-wrap .overview > li:nth-child(odd) {
    background: #EEEEEE;
}
.scrollbar-wrap .thumb, .scrollbar-wrap .thumb .end {
    background-color: #e6e6e6
}
.scrollbar-wrap .scrollbar {
    position: relative;
    width: 15px
}
.scrollbar-wrap .scrollbar.disable {
    display: none
}
.scrollbar-wrap .track {
    width: 13px;
    height: 10px;
    position: relative;
    padding: 0
}
.scrollbar-wrap .thumb {
    width: 13px;
    height: 10px;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    top: 0;
    border-radius: 5px
}
.scrollbar-wrap .thumb .end {
    width: 13px;
    height: 5px;
    overflow: hidden
}
.vertical-sc.lighten .scrollbar:hover {
    background-color: hsla(0, 0%, 100%, .2);
    width: 11px
}
.vertical-sc.lighten .scrollbar:hover .track {
    width: 11px
}
.vertical-sc.lighten .scrollbar:hover .thumb {
    width: 10px
}
.vertical-sc.lighten .scrollbar:hover .thumb .end {
    width: 11px
}
.vertical-sc.lighten .scrollbar .thumb, .vertical-sc.lighten .scrollbar .thumb .end {
    background-color: #c6c6c6
}
.vertical-sc .scrollbar {
    position: absolute;
    top: 0;
    right: 0;
    width: 8px
}
.vertical-sc .scrollbar .track {
    width: 8px
}
.vertical-sc .scrollbar .track:hover .thumb {
    opacity: .5
}
.vertical-sc .scrollbar .thumb {
    opacity: 0;
    transition: opacity .2s linear
}
.vertical-sc .scrollbar .thumb, .vertical-sc .scrollbar .thumb .end {
    width: 7px;
    background-color: #060616
}
.vertical-sc .viewport:hover + .scrollbar .thumb {
    opacity: .5
}
.confirm-popup-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 368px;
    padding: 32px 24px 24px;
    border-radius: 12px;
    background-color: #fff;
    color: #262636
}
.confirm-popup-wrap .title {
    margin-bottom: 12px;
    font-size: 24px;
    line-height: 28px;
    font-weight: 700 !important
}
.confirm-popup-wrap .title.mod-cap {
    text-transform: capitalize
}
.confirm-popup-wrap .desc {
    line-height: 20px;
    margin-bottom: 32px;
    font-size: 16px
}
.confirm-popup-wrap .footer {
    font-size: 0;
    line-height: 0;
    margin: 20px 0 0;
    text-align: right
}
.confirm-popup-wrap .footer a {
    height: 32px;
    line-height: 32px;
    margin-left: 10px;
    vertical-align: middle;
    color: #fff
}
.coin-popup-header {
    height: 32px;
    margin-bottom: 12px
}
.coin-popup-header .coin-status {
    display: inline-block;
    height: 32px;
    padding: 0 8px 0 4px;
    border-radius: 20px;
    background-color: #262636;
    font-size: 0
}
.coin-popup-header .coin-status i, .coin-popup-header .coin-status p {
    display: inline-block
}
.coin-popup-header .coin-status i {
    margin-top: 3px
}
.coin-popup-header .coin-status .amount {
    vertical-align: top;
    min-width: 56px;
    margin: 4px;
    line-height: 24px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    font-weight: 700 !important
}
.coin-popup-header .coin-status .tooltip-inner {
    font-weight: 700 !important;
    text-align: center;
    padding: 14px
}
.coin-popup-header .coin-status > a {
    display: inline-block;
    vertical-align: top;
    margin-top: 6px
}
.coin-popup-header .coin-status > a > i {
    margin: 0
}
.coin-popup-header .close-btn {
    display: inline-block;
    float: right;
    width: 32px;
    border-radius: 100%;
    background-color: #262636
}
.coin-popup-header .close-btn i {
    margin: 10px
}
.purchase-popup-wrap {
    width: 360px
}
.ink-popup-wrap, .purchase-popup-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
    background-color: transparent
}
.ink-popup-wrap {
    width: 740px
}
.ads-popup-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 800px;
    height: 540px;
    background-color: #000
}
.ads-popup-wrap.confirm {
    width: 320px;
    height: 220px;
    border-radius: 8px;
    background-color: #fff;
    text-align: center
}
.ads-popup-wrap .ads-close {
    position: absolute;
    right: 0;
    top: 0;
    width: 44px;
    font-size: 0;
    line-height: 0
}
.ads-popup-wrap .ads-close > i {
    margin: 14px
}
.ads-popup-wrap .title {
    color: #464656;
    line-height: 28px;
    margin: 32px 0 16px;
    font-size: 24px;
    border-radius: 8px 8px 0 0;
    font-weight: 700 !important
}
.ads-popup-wrap .desc {
    margin: 24px 0 10px;
    font-size: 16px;
    color: #262636;
    font-weight: 700 !important
}
.ads-popup-wrap .reward-wrap {
    font-size: 40px;
    color: #464656;
    margin-bottom: 32px;
    line-height: 40px;
    font-weight: 700 !important
}
.ads-popup-wrap .reward-wrap i {
    vertical-align: top;
    margin: 4px 8px 4px 0
}
.ads-popup-wrap .footer a {
    width: 120px
}
.popup-loading {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    background-color: rgba(0, 0, 0, .6)
}
.popup-loading > div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}
.popup-content {
    border-radius: 13px;
    background-color: #fff;
    font-size: 0;
    line-height: 0
}
.popup-content.coin {
    background-color: #f6f6f6
}
.popup-content.coin .ink-popup-header {
    position: relative;
    width: 100%;
    height: 80px;
    z-index: 9;
    background-color: #464656;
    background: radial-gradient(circle at 52% 100%, #666676, #464656);
    border-radius: 12px 12px 0 0
}
.popup-content.coin .ink-popup-header .coin-status {
    display: inline-block;
    height: 32px;
    padding: 0 8px 0 4px;
    border-radius: 20px;
    background-color: #262636;
    font-size: 0
}
.popup-content.coin .ink-popup-header .coin-status i, .popup-content.coin .ink-popup-header .coin-status p {
    display: inline-block
}
.popup-content.coin .ink-popup-header .coin-status i {
    margin-top: 3px
}
.popup-content.coin .ink-popup-header .coin-status .amount {
    vertical-align: top;
    min-width: 56px;
    margin: 4px;
    line-height: 24px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    font-weight: 700 !important
}
.popup-content.coin .ink-popup-header .coin-status .tooltip-inner {
    font-weight: 700 !important;
    text-align: center;
    padding: 14px
}
.popup-content.coin .ink-popup-header .coin-status > a {
    display: inline-block;
    vertical-align: top;
    margin-top: 6px
}
.popup-content.coin .ink-popup-header .coin-status > a > i {
    margin: 0
}
.popup-content.coin .ink-popup-header .coin-status {
    position: absolute;
    top: 35px;
    right: 36px
}
.popup-content.coin .ink-popup-header .close-btn {
    display: inline-block;
    float: right;
    width: 40px
}
.popup-content.coin .ink-popup-header .close-btn i {
    margin: 14px
}
.popup-content.coin .ink-popup-header > p {
    position: absolute;
    padding-left: 36px;
    color: #fff
}
.popup-content.coin .ink-popup-header > p.title {
    top: 16px;
    line-height: 28px;
    font-size: 24px;
    font-weight: 700 !important
}
.popup-content.coin .ink-popup-header > p.desc {
    top: 48px;
    line-height: 16px;
    font-size: 14px
}
.popup-content.coin .divider-title {
    margin: 16px 0 0;
    line-height: 24px;
    font-size: 20px;
    color: #464656;
    font-weight: 700 !important;
    text-align: center
}
.popup-content.coin .ink-buy {
    display: inline-block;
    width: 370px;
    background-color: #fff;
    vertical-align: top;
    border-radius: 13px 0 0 13px
}
.popup-content.coin .ink-earn {
    display: inline-block;
    width: 370px;
    background-color: #f6f6f6;
    vertical-align: top
}
.popup-content.coin .coins {
    padding: 16px
}
.popup-content.coin .coins li {
    height: 64px;
    margin-bottom: 8px;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 8px
}
.popup-content.coin .coins li:last-child {
    margin-bottom: 0
}
.popup-content.coin .coins li.special {
    border-color: #865676;
    background-color: rgba(134, 86, 118, .2)
}
.popup-content.coin .coins li.video a {
    -ms-grid-columns: 72px auto;
    grid-template-columns: 72px auto;
    grid-gap: 8px
}
.popup-content.coin .coins li.video a .coin-amount {
    margin-top: 19px
}
.popup-content.coin .coins li.disabled {
    background-color: #e6e6e6;
    border: none
}
.popup-content.coin .coins li.disabled .coin-amount, .popup-content.coin .coins li.disabled .coin-price {
    color: #464656;
    opacity: .5
}
.popup-content.coin .coins li.disabled i, .popup-content.coin .coins li.disabled img {
    opacity: .5
}
.popup-content.coin .coins li.disabled.special {
    border: 1px solid rgba(134, 86, 118, .5)
}
.popup-content.coin .coins li:hover {
    background-color: rgba(70, 70, 86, .08)
}
.popup-content.coin .coins li:hover.special {
    background-color: rgba(134, 86, 118, .2)
}
.popup-content.coin .coins li a {
    display: -ms-grid;
    display: grid;
    border-radius: 8px;
    -ms-grid-columns: 60px auto;
    grid-template-columns: 60px auto;
    grid-gap: 8px;
    font-weight: 700 !important
}
.popup-content.coin .coins li a, .popup-content.coin .coins li a > div {
    position: relative
}
.popup-content.coin .coins li a > div .tooltip-inner {
    min-width: 265px !important
}
.popup-content.coin .coins li a img {
    position: relative;
    left: -4px;
    bottom: 3px
}
.popup-content.coin .coins li a .coin-amount {
    display: inline-block;
    vertical-align: top;
    line-height: 24px;
    margin: 8px 0 0;
    font-size: 16px;
    color: #464656
}
.popup-content.coin .coins li a .coin-amount.mod-special {
    margin: 0
}
.popup-content.coin .coins li a .coin-amount .extra-amount {
    color: #865676
}
.popup-content.coin .coins li a .special-label {
    display: block;
    margin: 12px 0 0;
    line-height: 16px;
    font-size: 12px;
    color: #865676
}
.popup-content.coin .coins li a .special-label.new {
    background-color: #f64656
}
.popup-content.coin .coins li a .coin-label {
    font-size: 12px;
    color: #868696
}
.popup-content.coin .coins li a .coin-price {
    position: absolute;
    top: 15px;
    right: 8px;
    padding: 0 16px;
    border-radius: 20px;
    line-height: 32px;
    font-size: 14px;
    color: #666676;
    background: rgba(6, 6, 22, .08)
}
.popup-content.coin .coins li a .coin-price.on {
    color: #262636
}
.popup-content.coin .coins li a .coin-price i {
    vertical-align: sub
}
.popup-content.coin .coins li a .video-label {
    float: right;
    font-size: 14px;
    color: #464656
}
.popup-content.coin .coins li a .video-label i {
    margin: 0 0 0 8px;
    vertical-align: middle
}
.popup-content.coin .coins-result {
    padding: 32px 0;
    text-align: center
}
.popup-content.coin .coins-result .coin-wrap {
    padding: 0;
    margin-bottom: 12px
}
.popup-content.coin .coins-result p {
    line-height: 24px;
    margin-bottom: 24px;
    font-size: 20px
}
.popup-content.coin .coins-result p .amount {
    font-weight: 700 !important
}
.popup-content.coin .coins-result a {
    width: 120px
}
.popup-content.key .content-info {
    padding: 24px 16px;
    text-align: center
}
.popup-content.key .content-info.sale {
    padding: 24px 16px 10px
}
.popup-content.key .content-info p {
    line-height: 30px;
    font-size: 24px;
    color: #262636
}
.popup-content.key .content-info p.series-title {
    line-height: 20px;
    font-size: 16px;
    margin-bottom: 0
}
.popup-content.key .series-sale-now {
    background-color: #f64656;
    height: 32px;
    color: #fff;
    line-height: 32px;
    padding: 0 16px;
    font-size: 14px
}
.popup-content.key .keys li {
    padding: 16px;
    border-top: 1px solid #d6d6d6;
    font-size: 0
}
.popup-content.key .keys li:hover {
    cursor: pointer;
    background-color: rgba(70, 70, 86, .08)
}
.popup-content.key .keys li > div {
    display: inline-block
}
.popup-content.key .keys li.complete-tier .tier-img {
    height: 72px
}
.popup-content.key .keys li.complete-tier > div:nth-child(n+2) {
    margin-top: 12px
}
.popup-content.key .keys li .tier-img {
    position: relative;
    margin-right: 10px;
    vertical-align: top;
    width: 48px;
    height: 48px;
    border-radius: 100%
}
.popup-content.key .keys li .tier-img > img {
    border-radius: 4px
}
.popup-content.key .keys li .desc div {
    width: inherit
}
.popup-content.key .keys li .desc div.main {
    margin-bottom: 4px;
    line-height: 24px;
    font-size: 20px;
    color: #464656;
    font-weight: 700 !important
}
.popup-content.key .keys li .desc div.sub {
    line-height: 20px;
    font-size: 16px;
    color: #666676
}
.popup-content.key .keys li .desc div.sub .discountLabel {
    vertical-align: middle;
    padding: 3px 4px;
    border-radius: 2px;
    background-color: #f6b606;
    font-size: 10px;
    color: #fff;
    font-weight: 700 !important
}
.popup-content.key .keys li .desc div.sub .discountLabel.sorbet {
    background-color: #f64656
}
.popup-content.key .keys li .sym-label {
    display: inline-block;
    height: 32px;
    padding: 0 6px;
    border-radius: 16px;
    background-color: rgba(6, 6, 22, .06);
    font-size: 0
}
.popup-content.key .keys li .sym-label.mint {
    background-color: #224f2f
}
.popup-content.key .keys li .sym-label i, .popup-content.key .keys li .sym-label p {
    display: inline-block
}
.popup-content.key .keys li .sym-label i {
    margin-top: 6px
}
.popup-content.key .keys li .sym-label .text {
    vertical-align: top;
    margin: 8px 4px;
    line-height: 16px;
    text-align: center;
    font-size: 14px;
    color: #464656;
    font-weight: 700 !important
}
.popup-content.key .keys li .sale-sym-label {
    margin: 0 6px;
    text-align: center
}
.popup-content.key .keys li .sale-sym-label i, .popup-content.key .keys li .sale-sym-label p {
    display: inline-block
}
.popup-content.key .keys li .sale-sym-label i {
    vertical-align: sub
}
.popup-content.key .keys li .sale-sym-label .sale-wrap {
    padding: 0 2px;
    margin-top: 4px;
    position: relative;
    display: inline-block
}
.popup-content.key .keys li .sale-sym-label .text {
    vertical-align: super;
    font-size: 10px;
    color: #868696;
    margin: 0 0 0 2px;
    opacity: .5;
    line-height: 12px;
    font-weight: 700 !important
}
.popup-content.key .keys li .sale-sym-label .line {
    position: absolute;
    top: 6px;
    left: 0;
    box-sizing: border-box;
    border-top: 1px solid #868696;
    opacity: .5;
    width: 100%
}
.key-timer-section {
    margin-top: 12px;
    border-radius: 8px;
    background-color: #56c676
}
.key-timer-section .timer li {
    padding: 16px;
    font-size: 0;
    border-radius: 8px
}
.key-timer-section .timer li:hover {
    cursor: pointer;
    background-color: #3c8b53
}
.key-timer-section .timer li.earn > .timer-img > i {
    opacity: 1
}
.key-timer-section .timer li > div {
    display: inline-block
}
.key-timer-section .timer li .timer-img {
    margin: 4px 10px 4px 0;
    vertical-align: top;
    width: 40px;
    height: 40px;
    background-color: #224f2f;
    border-radius: 100%
}
.key-timer-section .timer li .timer-img > i {
    margin: 11px 14px;
    opacity: .6
}
.key-timer-section .timer li .desc div {
    width: inherit;
    font-weight: 700 !important
}
.key-timer-section .timer li .desc div.main {
    margin-bottom: 4px;
    line-height: 24px;
    font-size: 20px;
    color: #fff
}
.key-timer-section .timer li .desc div.sub {
    line-height: 20px;
    font-size: 16px;
    color: #224f2f
}
.key-timer-section .timer li .sym-label {
    display: inline-block;
    height: 32px;
    padding: 0 6px;
    border-radius: 16px;
    background-color: rgba(6, 6, 22, .06);
    font-size: 0
}
.key-timer-section .timer li .sym-label.mint {
    background-color: #224f2f
}
.key-timer-section .timer li .sym-label i, .key-timer-section .timer li .sym-label p {
    display: inline-block
}
.key-timer-section .timer li .sym-label i {
    margin-top: 6px
}
.key-timer-section .timer li .sym-label .text {
    vertical-align: top;
    margin: 8px 4px;
    line-height: 16px;
    text-align: center;
    font-size: 14px;
    color: #464656;
    font-weight: 700 !important
}
.purchase-coin-popup-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
    width: 740px;
    background-color: transparent
}
.purchase-coin-popup-wrap .popup-content {
    position: relative;
    height: 512px
}
.purchase-coin-popup-wrap .popup-content.loading .loading-layer {
    display: block
}
.purchase-coin-popup-wrap .popup-content .loading-layer {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .6);
    z-index: 999;
    border-radius: 8px
}
.purchase-coin-popup-wrap .popup-content .loading-layer > div {
    margin-top: 200px
}
.purchase-coin-popup-wrap .popup-content .close-btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    height: 44px;
    padding: 16px;
    background-color: transparent;
    z-index: 9
}
.purchase-coin-popup-wrap .popup-content > div {
    display: inline-block;
    padding: 32px;
    vertical-align: top;
    height: inherit
}
.purchase-coin-popup-wrap .popup-content .change-btn {
    display: block;
    width: 44px;
    height: 44px;
    margin-bottom: 26px;
    border-radius: 22px
}
.purchase-coin-popup-wrap .popup-content .change-btn:hover {
    background-color: #f6f6f6
}
.purchase-coin-popup-wrap .popup-content-left {
    position: relative;
    width: 424px;
    background-color: #fff;
    border-radius: 8px 0 0 8px
}
.purchase-coin-popup-wrap .popup-content-left > .ico {
    margin-bottom: 35px
}
.purchase-coin-popup-wrap .popup-content-left .payment-section h4 {
    margin-bottom: 12px;
    line-height: 28px;
    font-size: 14px;
    color: #262636;
    font-weight: 700 !important;
    display: inline-block
}
.purchase-coin-popup-wrap .popup-content-left .payment-section .desc {
    line-height: 28px;
    font-size: 12px;
    color: #868696
}
.purchase-coin-popup-wrap .popup-content-left .payment-section .desc:hover {
    color: #868696
}
.purchase-coin-popup-wrap .popup-content-left .payment-section .payments {
    font-size: 0;
    line-height: 0
}
.purchase-coin-popup-wrap .popup-content-left .payment-section .payments > li a {
    display: block;
    line-height: 40px;
    border-radius: 20px
}
.purchase-coin-popup-wrap .popup-content-right {
    position: relative;
    width: 316px;
    background-color: #f6f6f6;
    border-radius: 0 8px 8px 0
}
.purchase-coin-popup-wrap .popup-content-right .coin-wrap {
    position: relative;
    width: 252px;
    height: 162px;
    padding: 0
}
.purchase-coin-popup-wrap .popup-content-right .coin-wrap img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}
.purchase-coin-popup-wrap .popup-content-right .purchase-detail {
    margin-bottom: 81px
}
.purchase-coin-popup-wrap .popup-content-right .purchase-detail li {
    height: 50px;
    border-top: 1px solid #d6d6d6;
    font-size: 12px;
    font-weight: 700 !important;
    color: #464656
}
.purchase-coin-popup-wrap .popup-content-right .purchase-detail li a, .purchase-coin-popup-wrap .popup-content-right .purchase-detail li span {
    line-height: 50px
}
.purchase-coin-popup-wrap .popup-content-right .purchase-detail li .total-price {
    font-size: 16px;
    color: #262636
}
.purchase-coin-popup-wrap .popup-content-right .purchase-detail li .currency {
    line-height: 44px;
    margin: 6px 8px 0 0;
    font-size: 10px;
    color: #a6a6a6
}
.purchase-coin-popup-wrap .popup-content-right p {
    position: absolute;
    bottom: 32px;
    width: 252px;
    margin: 12px 0 0;
    line-height: 15px;
    font-size: 12px;
    color: #868696
}
.purchase-coin-popup-wrap .popup-content-right > a {
    width: 100%
}
.purchase-coin-popup-wrap .popup-content-right > a.disabled, .purchase-coin-popup-wrap .popup-content-right > a.disabled > span {
    cursor: default
}
.purchase-coin-popup-wrap .popup-content-right > a.loading > span, .purchase-coin-popup-wrap .popup-content-right > a.loading i {
    display: none
}
.purchase-coin-popup-wrap .popup-content-right > a.loading .loading-indicator {
    display: inline
}
.purchase-coin-popup-wrap .popup-content-right > a.loaded .loading-indicator, .purchase-coin-popup-wrap .popup-content-right > a.loaded > span {
    display: none
}
.purchase-coin-popup-wrap .popup-content-right > a.loaded i {
    display: inline
}
.purchase-coin-popup-wrap .popup-content-right > a i {
    display: none;
    margin: 16px
}
.purchase-coin-popup-wrap .popup-content-right > a .loading-indicator {
    display: none;
    margin: 0;
    line-height: 48px
}
.support-popup-wrap {
    z-index: 999;
    width: 800px;
    margin: 8% auto 0;
    padding-bottom: 5%;
    background-color: transparent
}
.support-popup-wrap .popup-content {
    border-radius: 8px;
    display: -ms-flexbox;
    display: flex
}
.support-popup-wrap .popup-content.max-height {
    max-height: 640px
}
.support-popup-wrap .popup-content .thumb-wrap {
    position: relative
}
.support-popup-wrap .popup-content-left {
    width: 448px;
    border-right: 1px solid #d6d6d6;
    vertical-align: top
}
.support-popup-wrap .popup-content-left .support-detail {
    padding: 28px 24px 0;
    border-bottom: 1px solid #e6e6e6
}
.support-popup-wrap .popup-content-left .support-detail > .thumb-wrap {
    display: block;
    width: 80px;
    height: 80px;
    margin: 0 auto
}
.support-popup-wrap .popup-content-left .support-detail > p {
    margin: 12px 0 16px;
    line-height: 28px;
    font-size: 24px;
    color: #464656;
    font-weight: 700 !important;
    text-align: center
}
.support-popup-wrap .popup-content-left .support-detail .progress-bar {
    float: none;
    width: 100%;
    height: 4px;
    margin-top: 8px;
    background-color: hsla(240, 7%, 56%, .2);
    border-radius: 4px;
    box-shadow: none
}
.support-popup-wrap .popup-content-left .support-detail .progress-bar > span {
    position: relative;
    height: 100%;
    display: block;
    background-color: #464656;
    border-radius: 4px;
    transition: width 1.5s ease-out
}
.support-popup-wrap .popup-content-left .support-detail .progress-bar > span > i {
    position: absolute;
    top: -8px;
    right: -10px;
    z-index: 9
}
.support-popup-wrap .popup-content-left .support-detail .goal-label {
    margin: 12px 0 24px;
    line-height: 16px;
    font-size: 14px;
    color: #868696;
    font-weight: 400 !important;
    text-align: left
}
.support-popup-wrap .popup-content-left .support-detail .goal-label > span {
    color: #464656
}
.support-popup-wrap .popup-content-left .support-detail .goal-label + .desc.max-height {
    max-height: 84px
}
.support-popup-wrap .popup-content-left .support-detail .desc {
    overflow: hidden;
    margin-bottom: 16px;
    line-height: 24px;
    font-size: 16px;
    color: #464656
}
.support-popup-wrap .popup-content-left .support-detail .desc > p {
    margin: 0
}
.support-popup-wrap .popup-content-left .support-detail .desc.max-height {
    max-height: 144px
}
.support-popup-wrap .popup-content-left .support-detail .desc .more-btn {
    font-weight: 700;
    color: #f6b606
}
.support-popup-wrap .popup-content-left .support-detail .supporters {
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    grid-gap: 8px;
    height: 47px;
    padding: 10px 0;
    border-top: 1px solid #e6e6e6
}
.support-popup-wrap .popup-content-left .support-detail .supporters .thumbs > .wrap-layer {
    position: relative;
    display: inline-block;
    width: 28px;
    height: 28px;
    border: 2px solid #fff;
    border-radius: 100%
}
.support-popup-wrap .popup-content-left .support-detail .supporters .thumbs > .wrap-layer:first-child {
    z-index: 9
}
.support-popup-wrap .popup-content-left .support-detail .supporters .thumbs > .wrap-layer:nth-child(2) {
    z-index: 8;
    margin-left: -12px
}
.support-popup-wrap .popup-content-left .support-detail .supporters .thumbs > .wrap-layer:nth-child(3) {
    z-index: 7;
    margin-left: -12px
}
.support-popup-wrap .popup-content-left .support-detail .supporters .thumbs > .wrap-layer > .thumb-wrap {
    display: block;
    width: 24px;
    height: 24px
}
.support-popup-wrap .popup-content-left .support-detail .supporters > p {
    line-height: 28px;
    font-size: 14px;
    color: #464656
}
.support-popup-wrap .popup-content-left .support-message-wrapper {
    padding: 23px 24px 24px;
    background-color: #f6f6f6;
    border-radius: 0 0 0 8px
}
.support-popup-wrap .popup-content-left .support-message-wrapper .post-btn {
    display: block;
    margin-top: 19px
}
.support-popup-wrap .popup-content-left .support-message-wrapper .post-btn.disabled {
    background-color: hsla(240, 7%, 56%, .5)
}
.support-popup-wrap .popup-content-left .support-message-wrapper .post-btn.loading {
    background-color: #d8a005
}
.support-popup-wrap .popup-content-left .support-message-wrapper .amount {
    position: relative
}
.support-popup-wrap .popup-content-left .support-message-wrapper .amount .amount-error {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    line-height: 42px;
    font-size: 12px;
    color: #f64656;
    font-weight: 700 !important
}
.support-popup-wrap .popup-content-left .support-message-wrapper .amount .amount-error > span {
    font-weight: 400 !important
}
.support-popup-wrap .popup-content-left .support-message-wrapper .amount .amount-error.in {
    display: inline-block
}
.support-popup-wrap .popup-content-left .support-message-wrapper .amount > i {
    margin-right: 8px;
    vertical-align: middle
}
.support-popup-wrap .popup-content-left .support-message-wrapper .amount-input {
    width: 120px;
    min-height: 40px;
    padding: 8px 12px;
    line-height: 24px;
    border: 1px solid #d6d6d6;
    border-radius: 3px;
    color: #464656;
    font-weight: 700 !important;
}
.support-popup-wrap .popup-content-left .support-message-wrapper .amount-input::-webkit-input-placeholder {
    font-weight: 400 !important;
    color: rgba(70, 70, 86, .3)
}
.support-popup-wrap .popup-content-left .support-message-wrapper .amount-input::-moz-placeholder {
    font-weight: 400 !important;
    color: rgba(70, 70, 86, .3)
}
.support-popup-wrap .popup-content-left .support-message-wrapper .amount-input::-ms-input-placeholder {
    font-weight: 400 !important;
    color: rgba(70, 70, 86, .3)
}
.support-popup-wrap .popup-content-left .support-message-wrapper .message-line {
    margin-top: 12px
}
.support-popup-wrap .popup-content-left .support-message-wrapper .message-line .support-message-counter {
    width: inherit;
    line-height: 16px;
    margin: 0
}
.support-popup-wrap .popup-content-left .support-message-wrapper .message-input {
    width: 100%;
    height: 88px;
    resize: none;
    padding: 8px 12px;
    margin-bottom: 4px;
    border: 1px solid #d6d6d6;
    border-radius: 4px;
    line-height: 24px;
    font-size: 16px;
}
.support-popup-wrap .popup-content-left .support-message-wrapper .message-input::-webkit-input-placeholder {
    color: rgba(70, 70, 86, .3)
}
.support-popup-wrap .popup-content-left .support-message-wrapper .message-input::-moz-placeholder {
    color: rgba(70, 70, 86, .3)
}
.support-popup-wrap .popup-content-left .support-message-wrapper .status {
    display: inline-block;
    line-height: 16px;
    font-size: 12px;
    color: #f6b606;
    font-weight: 700 !important
}
.support-popup-wrap .popup-content-right {
    width: 352px;
    background-color: #e6e6e6;
    border-radius: 0 8px 8px 0;
    position: relative
}
.support-popup-wrap .popup-content-right .messages-wrap {
    padding: 24px 24px 0;
    position: relative;
    overflow-y: scroll;
    height: 100%
}
.support-popup-wrap .popup-content-right .messages-list {
    position: absolute;
    top: 24px;
    font-size: 0;
    line-height: 0
}
.support-popup-wrap .popup-content-right .messages-list.empty {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%
}
.support-popup-wrap .popup-content-right .messages-list.empty > p {
    margin: 0;
    line-height: 24px;
    font-size: 16px;
    color: #a6a6a6;
    text-align: center
}
.support-popup-wrap .popup-content-right .loading-indicator {
    margin: 20px 0
}
.support-popup-wrap .popup-content-right .message-wrap {
    margin-bottom: 24px
}
.support-popup-wrap .popup-content-right .message-wrap.loading .message-line .content > .info {
    color: #f6b606
}
.support-popup-wrap .popup-content-right .message-wrap.loading .message-line .thumb-overlay {
    box-shadow: inset 0 0 0 1px #f6b606
}
.support-popup-wrap .popup-content-right .message-wrap .wrap-layer {
    display: inline-block;
    position: absolute;
    top: -5px;
    z-index: 9;
    width: 50px;
    height: 50px;
    padding: 5px;
    border-radius: 100%
}
.support-popup-wrap .popup-content-right .message-wrap .wrap-layer.right {
    right: 0
}
.support-popup-wrap .popup-content-right .message-wrap .thumb-wrap {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    box-shadow: 0 0 0 0 #e6e6e6, 0 0 0 5px #e6e6e6
}
.support-popup-wrap .popup-content-right .message-wrap .content {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 254px;
    min-height: 40px;
    padding: 12px;
    margin-left: 50px;
    background-color: #fff;
    border-radius: 0 8px 8px 8px;
    line-height: 16px
}
.support-popup-wrap .popup-content-right .message-wrap .content.right {
    margin: 0 50px 0 0;
    background-color: hsla(240, 7%, 56%, .2);
    border-radius: 8px 0 8px 8px
}
.support-popup-wrap .popup-content-right .message-wrap .content .amount-wrap {
    position: absolute;
    top: 12px;
    right: 12px;
    margin: 0
}
.support-popup-wrap .popup-content-right .message-wrap .content .amount-wrap > i, .support-popup-wrap .popup-content-right .message-wrap .content .amount-wrap span {
    vertical-align: middle
}
.support-popup-wrap .popup-content-right .message-wrap .content .amount-wrap > span {
    margin-left: 4px;
    line-height: 16px;
    font-size: 12px;
    color: #464656;
    font-weight: 700 !important
}
.support-popup-wrap .popup-content-right .message-wrap .content .name {
    margin-bottom: 4px;
    line-height: 16px;
    font-size: 12px;
    color: #262636;
    font-weight: 700 !important
}
.support-popup-wrap .popup-content-right .message-wrap .content .name .staff {
    vertical-align: middle;
    padding: 2px 5px;
    line-height: 13px;
    font-size: 10px;
    border-radius: 7px
}
.support-popup-wrap .popup-content-right .message-wrap .content .info {
    font-size: 12px;
    color: #a6a6a6;
    font-weight: 700 !important
}
.support-popup-wrap .popup-content-right .message-wrap .content .info .dot {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    position: relative;
    display: inline-block;
    background-color: #a6a6a6;
    margin: 6px;
    vertical-align: top
}
.support-popup-wrap .popup-content-right .message-wrap .content .message-body {
    margin: 0;
    font-size: 14px;
    color: #464656;
}
.support-popup-wrap .popup-content-right .message-wrap .content.left:after {
    content: "";
    position: absolute;
    top: 0;
    left: -25px;
    width: 0;
    height: 0;
    border-top: 25px solid #fff;
    border-left: 25px solid transparent
}
.support-popup-wrap .popup-content-right .message-wrap .content.right:after {
    content: "";
    position: absolute;
    top: 0;
    right: -25px;
    width: 0;
    height: 0;
    border-top: 25px solid hsla(240, 7%, 56%, .2);
    border-right: 25px solid transparent
}
.support-popup-wrap .popup-content-right .message-line, .support-popup-wrap .popup-content-right .reply-line {
    position: relative;
    display: block;
    margin-bottom: 8px
}
.support-popup-wrap .popup-content-right .message-line .message-body, .support-popup-wrap .popup-content-right .reply-line .message-body {
    line-height: 16px
}
.support-popup-wrap .popup-content-right .gradient-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 30px;
    background: linear-gradient(180deg, hsla(0, 0%, 90%, 0), hsla(0, 0%, 90%, .6));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(230,230,230, 0)", endColorstr="rgba(230,230,230, 0.6)", GradientType=0);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="hsla(0,0%,90%,0)", endColorstr="hsla(0,0%,90%,.6)", GradientType=0);
    z-index: 10;
    margin: 0 24px
}
.shortcut-nav {
    position: absolute;
    right: 0;
    z-index: 1;
    text-align: center;
    margin: 0 auto;
    line-height: 0;
    background-color: #fff;
    left: 0;
}
#episodes-section .shortcut-nav {
    right: 265px;
}
.shortcut-nav.transparent {
    bottom: 0;
    background-color: transparent;
    border-bottom: none
}
.shortcut-nav.transparent .shortcut-wrap .shortcut-item {
    height: 60px
}
.shortcut-nav.transparent .shortcut-wrap .shortcut-item .item-title {
    width: inherit;
    height: 40px;
    margin-top: 10px;
    padding: 0 15px;
    line-height: 40px;
    text-transform: none;
    color: #fff;
    font-size: 20px
}
.shortcut-nav.transparent .shortcut-wrap .shortcut-item .item-title:hover {
    border-bottom: none;
    border-radius: 20px;
    color: #fff;
    background-color: hsla(0, 0%, 100%, .2)
}
.shortcut-nav.transparent .shortcut-wrap .shortcut-item .item-title.selected {
    border-bottom: none;
    border-radius: 20px;
    color: #262636;
    background-color: #f6b606
}
.shortcut-nav.about {
    bottom: 0;
    background-color: transparent;
    border-bottom: none
}
.shortcut-nav.about .shortcut-wrap .shortcut-item {
    height: 60px
}
.shortcut-nav.about .shortcut-wrap .shortcut-item .item-title {
    width: inherit;
    height: 40px;
    margin-top: 10px;
    padding: 0 15px;
    line-height: 40px;
    text-transform: none;
    color: #fff;
    font-size: 20px
}
.shortcut-nav.about .shortcut-wrap .shortcut-item .item-title.selected, .shortcut-nav.about .shortcut-wrap .shortcut-item .item-title:hover {
    border-bottom: none;
    border-radius: 20px;
    color: #fff;
    background-color: #262636
}
.shortcut-nav .shortcut-wrap {
    display: inline-block;
    overflow: hidden
}
.shortcut-nav .shortcut-wrap .shortcut-item {
    display: inline-block;
    float: right;
    text-align: center;
    min-width: 0
}
.shortcut-nav .shortcut-wrap .shortcut-item:last-child {
    margin-right: 0
}
.shortcut-nav .shortcut-wrap .shortcut-item .item-title {
    width: 95px;
    height: 60px;
    padding: 0;
    margin-right: 20px;
    display: block;
    line-height: 60px;
    font-size: 16px;
    color: #a6a6a6;
    text-transform: uppercase;
    font-weight: 700 !important
}
.shortcut-nav .shortcut-wrap .shortcut-item .item-title.last {
    margin-right: 0
}
.shortcut-nav .shortcut-wrap .shortcut-item .item-title.selected, .shortcut-nav .shortcut-wrap .shortcut-item .item-title:hover {
    color: #262636;
    border-left: none;
    border-right: none;
    background-color: #fff;
    border-bottom: 3px solid #f6b606
}
.shortcut-nav.docked {
    position: fixed;
    top: 0 !important
}
.shortcut-nav.docked.transparent {
    background-color: rgba(38, 38, 54, .8)
}
.shortcut-nav.docked.about {
    background-color: #464656
}
.shortcut-nav .shortcut-nav-btn {
    top: 10px;
    display: inline-block;
    position: absolute;
    margin-left: 50px
}
.shortcut-nav .shortcut-nav-btn .getstarted-btn {
    width: 180px;
    height: 40px;
    vertical-align: middle
}
.shortcut-nav .shortcut-nav-btn .getstarted-btn .btn-label {
    line-height: 40px
}
.fake-shortcut-nav {
    height: 40px
}
.fake-shortcut-nav.wide {
    height: 60px
}
#doneit {
    position: fixed;
    top: -100px;
    text-align: center;
    background-color: rgba(6, 6, 22, .88);
    border-radius: 8px;
    min-width: 190px;
    line-height: 25px;
    padding: 15px 30px;
    font-size: 20px;
    color: #fff;
    opacity: 0;
    z-index: 999
}
#doneit, #doneit.on {
    transition: opacity .3s ease-out
}
#doneit.on {
    top: 50%;
    left: 50%;
    opacity: 1;
    margin: -20px 0 0 -95px
}
.onoff-switch-wrap {
    position: relative;
    width: 60px;
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.onoff-switch-wrap.error .onoff-switch-label .inner:before {
    background-color: #f64656
}
.onoff-switch-wrap.mod-small {
    width: 32px;
    vertical-align: bottom;
    margin-right: 6px
}
.onoff-switch-wrap.mod-small .onoff-switch-label {
    cursor: default
}
.onoff-switch-wrap.mod-small .onoff-switch-label .inner:after, .onoff-switch-wrap.mod-small .onoff-switch-label .inner:before {
    width: 50%;
    height: 16px
}
.onoff-switch-wrap.mod-small .onoff-switch-label .switch {
    right: 16px;
    width: 14px;
    height: 14px;
    margin: 1px
}
.onoff-switch-wrap.mod-small .onoff-switch-label.checked .inner {
    margin-left: 0
}
.onoff-switch-wrap.mod-small .onoff-switch-label.checked .switch {
    right: 0
}
.onoff-switch-wrap .onoff-switcher {
    display: none
}
.onoff-switch-wrap .onoff-switcher:checked + .onoff-switch-label .inner {
    margin-left: 0
}
.onoff-switch-wrap .onoff-switcher:checked + .onoff-switch-label .switch {
    left: 0
}
.onoff-switch-wrap .onoff-switch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border-radius: 32px;
    margin-bottom: 0
}
.onoff-switch-wrap .onoff-switch-label .inner {
    width: 200% !important;
    margin-right: -100%;
}
.onoff-switch-wrap .onoff-switch-label .inner:after, .onoff-switch-wrap .onoff-switch-label .inner:before {
    width: 50%;
    height: 28px;
    float: right;
    padding: 0;
    line-height: 28px;
    box-sizing: border-box
}
.onoff-switch-wrap .onoff-switch-label .inner:before {
    content: "";
    padding-left: 8px;
    background-color: #464656
}
.onoff-switch-wrap .onoff-switch-label .inner:after {
    content: "";
    padding-right: 6px;
    background-color: rgba(70, 70, 86, .3);
    text-align: right
}
.onoff-switch-wrap .onoff-switch-label .switch {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 32px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin: 2px;
    background-color: #fff;
    transition: all .2s ease-in
}
.onoff-title {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    margin: 0 0 0 25px;
    font-size: 16px;
    color: #666676;
    line-height: 24px
}
.onoff-tip, .onoff-title, .onoff-title.email {
    font-weight: 700 !important
}
.onoff-tip {
    margin: 8px 0 0 90px;
    line-height: 20px;
    font-size: 16px;
    color: #a6a6a6
}
.onoff-tip.disabled {
    opacity: .3
}
.onoff-tip > a.disabled {
    background-color: #e6e6e6 !important;
    cursor: not-allowed
}
.onoff-tip > a, .onoff-tip a:hover {
    color: #f6b606 !important
}
.radio-wrap {
    height: 24px
}
.radio-wrap.mod-warn .p-radio:checked + .p-radio-label {
    color: #f64656
}
.radio-wrap.mod-warn .switch {
    background-color: #f64656
}
.radio-wrap.small {
    height: 20px
}
.radio-wrap.small .inner {
    position: absolute !important;
    top: 0;
    left: 0;
    border: 2px solid rgba(70, 70, 86, .3);
    width: 20px;
    height: 20px;
    border-radius: 50%
}
.radio-wrap.small .switch {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 12px;
    height: 12px;
    background-color: #464656;
    visibility: hidden;
    border-radius: 50%
}
.radio-wrap.small .p-radio-label {
    position: relative;
    z-index: 1;
    padding-left: 32px;
    display: inline-block;
    line-height: 20px;
    cursor: pointer;
    font-weight: 700 !important;
    font-size: 16px;
    color: #868696;
    padding-left: 24px;
    font-size: 14px
}
.radio-wrap.small .p-radio:checked + .p-radio-label > .inner {
    border-color: #464656
}
.radio-wrap .inner {
    position: absolute !important;
    top: 0;
    left: 0;
    border: 2px solid rgba(70, 70, 86, .3);
    width: 20px;
    height: 20px;
    border-radius: 50%
}
.radio-wrap .switch {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 16px;
    height: 16px;
    background-color: #464656;
    visibility: hidden;
    border-radius: 50%
}
.radio-wrap .p-radio {
    position: absolute;
    visibility: hidden;
    z-index: 0
}
.radio-wrap .p-radio:checked + .p-radio-label > .switch {
    visibility: visible !important
}
.radio-wrap .p-radio:checked + .p-radio-label {
    color: #464656
}
.p-radio-label {
    position: relative;
    z-index: 1;
    padding-left: 32px;
    display: inline-block;
    line-height: 24px;
    cursor: pointer;
    font-weight: 700 !important;
    font-size: 16px;
    color: #868696
}
.p-radio-label i {
    margin-right: 12px;
    vertical-align: middle
}
.checkbox-wrap {
    height: 32px
}
.checkbox-wrap .inner {
    position: absolute !important;
    top: 6px;
    left: 0;
    border: 2px solid rgba(70, 70, 86, .3);
    width: 12px;
    height: 12px;
    border-radius: 3px
}
.checkbox-wrap .switch {
    position: absolute;
    top: 9px;
    left: 3px;
    width: 6px;
    height: 6px;
    background-color: #464656;
    visibility: hidden
}
.checkbox-wrap .p-checkbox {
    position: absolute;
    visibility: hidden;
    z-index: 0
}
.checkbox-wrap .p-checkbox:checked + .p-checkbox-label > .switch {
    visibility: visible
}
.checkbox-wrap.disabled .inner {
    border: 2px solid rgba(70, 70, 86, .1)
}
.checkbox-wrap.disabled .p-checkbox-label {
    color: hsla(240, 7%, 56%, .5)
}
.p-checkbox-label {
    position: relative;
    z-index: 1;
    padding-left: 32px;
    display: inline-block;
    line-height: 24px;
    cursor: pointer;
    font-weight: 700 !important;
    font-size: 16px;
    color: #868696
}
.staff {
    background-color: #56c676 !important;
    color: #262636 !important
}
[data-braintree-id=payment-options-container], [data-braintree-id=payment-options-container] > div:hover > div:nth-child(2), [data-braintree-id=paypal-sheet-header] {
    font-weight: 700 !important
}
[data-braintree-id=upper-container] {
    background-color: #fff
}
[data-braintree-id=card] {
    border: none
}
[data-braintree-id=choose-a-way-to-pay], [data-braintree-id=choose-a-way-to-pay] + div {
    display: none
}
[data-braintree-id=toggle] {
    background-color: rgba(70, 70, 86, .08)
}
[data-braintree-id=toggle]:hover {
    background-color: rgba(70, 70, 86, .2)
}
[data-braintree-id=toggle]:hover span {
    color: #464656
}
[data-braintree-id=toggle] span {
    border: none !important;
    padding: 0;
    font-size: 12px;
    color: #666676;
    font-weight: 700 !important
}
[data-braintree-id=methods-container] {
    background-color: #fff
}
[data-braintree-id=methods-container] > div {
    outline: none;
    padding: 4px 10px
}
[data-braintree-id=methods-container] > div > div:nth-child(2n) {
    font-size: 14px
}
[data-braintree-id=methods-label] {
    visibility: hidden !important
}
[data-braintree-id=card-sheet-header] {
    border: none
}
[data-braintree-id=card-sheet-header] > div {
    display: none !important
}
[data-braintree-id=card-sheet-header] [data-braintree-id=card-view-icons] {
    display: -ms-flexbox !important;
    display: flex !important
}
.desktop .thumb-overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    box-shadow: inset 0 0 0 1px rgba(6, 6, 22, .1)
}
.desktop .thumb-overlay.dimmed {
    background-color: rgba(38, 38, 54, .6)
}
.desktop .item-thumb-wrap:hover ~ .title {
    color: #262636 !important
}
.desktop .item-thumb-wrap.me {
    width: 176px;
    border: 2px solid #f6b606;
    border-radius: 4px
}
.desktop .item-thumb-wrap .thumb-wrap {
    position: relative;
    border-radius: 4px
}
.desktop .item-thumb-wrap .thumb-wrap.no-border-radius, .desktop .item-thumb-wrap .thumb-wrap.no-border-radius > img {
    border-radius: 0
}
.desktop .item-thumb-wrap .thumb-wrap > img {
    border-radius: 3px;
    width: 100%
}
.desktop .item-thumb-wrap .thumb-wrap:hover .thumb-overlay {
    background-color: rgba(38, 38, 54, .5)
}
.desktop .item-thumb-wrap .thumb-wrap:hover .thumb-overlay.dimmed {
    background-color: rgba(38, 38, 54, .8)
}
.desktop .item-thumb-wrap .thumb-wrap:hover .circle-layer {
    background-color: rgba(38, 38, 54, .6)
}
.desktop .item-thumb-wrap .thumb-wrap:hover ~ .title {
    color: #262636
}
.desktop .in .item-thumb-wrap .thumb-wrap .thumb-overlay {
    background-color: rgba(38, 38, 54, .5)
}
.desktop .in .item-thumb-wrap .thumb-wrap .thumb-overlay.dimmed {
    background-color: rgba(38, 38, 54, .8)
}
.desktop .in .item-thumb-wrap .thumb-wrap .circle-layer {
    background-color: rgba(38, 38, 54, .6)
}
#promo-section {
    height: 132px;
    background-color: #f6b606;
    margin-bottom: 60px
}
#promo-section .inner {
    position: relative;
    padding: 71px 0
}
#promo-section .inner > .ico {
    position: absolute;
    bottom: 0;
    z-index: 9
}
#promo-section .inner .app-btn {
    z-index: 10;
    position: absolute;
    top: 41px;
    font-size: 0;
    line-height: 0
}
#promo-section .inner .app-btn.andro {
    left: 420px
}
#promo-section .inner .app-btn.ios {
    right: 180px
}
#creator-section {
    display: inline-block;
    width: 100%;
    background: url(../image/creators-top-dark.png) no-repeat 50%;
    background-size: cover;
    position: relative;
    padding-top: 60px
}
#creator-section .inner {
    z-index: 9;
    text-align: center;
}
#creator-section .banner-wrap .title {
    line-height: 60px;
    margin-bottom: 20px;
    font-size: 48px;
    color: #fff;
    font-family: kalame;
    font-weight: 900 !important;
}
#creator-section .banner-wrap .desc {
    line-height: 40px;
    margin-bottom: 30px;
    color: #fff;
    font-weight: 900;
    font-size: 18px;
    word-spacing: 6px;
    font-family: Yekan-B;
}
#creator-section .banner-wrap .desc strong {
    font-family: kalame;
    font-size: 39px;
    margin: 0 11px;
}
#creator-section .banner-wrap .p-btn {
    width: 150px;
    height: 40px;
    line-height: 40px
}
#creator-section .banner-wrap .p-btn label {
    font-family: kalame;
    font-weight: 900;
    font-size: 32px;
}
#creator-section .section-layer {
    position: absolute;
    top: 0;
    width: 100%;
    height: 360px;
    opacity: .6;
    background-color: #262636
}
.tp-carousel {
    position: relative
}
.tp-carousel .tp-carousel-inner {
    overflow: hidden;
    position: relative;
    width: 100%
}
.tp-carousel .tp-carousel-inner .tp-carousel-item {
    top: 0;
    position: relative;
    display: none;
    transition: left .4s ease-out
}
.tp-carousel .tp-carousel-inner .tp-carousel-item.active {
    left: 0;
    display: block
}
.tp-carousel .tp-carousel-inner .tp-carousel-item.active.left {
    left: -100%
}
.tp-carousel .tp-carousel-inner .tp-carousel-item.active.right {
    left: 100%
}
.tp-carousel .tp-carousel-inner .tp-carousel-item.next, .tp-carousel .tp-carousel-inner .tp-carousel-item.prev {
    position: absolute;
    display: block;
    width: 100%
}
.tp-carousel .tp-carousel-inner .tp-carousel-item.next {
    left: 100%
}
.tp-carousel .tp-carousel-inner .tp-carousel-item.next.left {
    left: 0
}
.tp-carousel .tp-carousel-inner .tp-carousel-item.prev {
    left: -100%
}
.tp-carousel .tp-carousel-inner .tp-carousel-item.prev.right {
    left: 0
}
.tp-carousel .nav-btn {
    position: absolute;
    top: 0;
    width: 24px;
    height: 100%
}
.tp-carousel .nav-btn > i {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    opacity: .4
}
.slick-slider .nav-btn {
    position: absolute;
    top: 0;
    width: 24px;
    height: 100%
}
.slick-slider .nav-btn > i {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    opacity: .4
}
.tp-carousel .nav-btn.disabled, .tp-carousel .nav-btn.disabled:hover {
    cursor: default
}
.tp-carousel .nav-btn.disabled:hover > i, .tp-carousel .nav-btn.disabled > i {
    opacity: .12
}
.tp-carousel .nav-btn.prev {
    left: 8px
}
.tp-carousel .nav-btn.next {
    right: -45px
}
.slick-slider .nav-btn.prev {
    left: -45px
}
.slick-slider .nav-btn.next {
    right: -45px
}
.tp-carousel .nav-btn:hover > i {
    opacity: 1
}
.tp-carousel.without-nav-btn .nav-btn {
    display: none
}
.section-title-wrap {
    display: inline-block;
    width: 100%;
    position: relative;
}
.section-title-wrap .view-more {
    position: absolute;
    left: 16px;
    border-radius: 7px;
    font-family: Yekan-B;
    font-weight: 900;
    font-size: 12px;
}
.section-title-wrap.flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.section-title-wrap.sub {
    margin-bottom: 12px
}
.section-title-wrap .section-title {
    display: inline-block;
    line-height: 1.2;
    margin: 0 0 12px;
    font-size: 15px;
    color: #262636;
    font-family: VIP-HALA;
}
.section-title-wrap .section-sub-title {
    line-height: 1.2;
    font-size: 20px;
    color: #262636;
    font-weight: 700 !important
}
.section-title-wrap .section-desc {
    margin: 0;
    line-height: 20px;
    font-size: 13px;
    font-family: Yekan-B;
    color: #262636
}
.section-title-wrap .more-btn {
    display: inline-block;
    float: left;
    padding: 6px 0;
    line-height: 24px;
    font-size: 16px;
    font-weight: 700 !important
}
.section-title-wrap .more-btn > a {
    color: #f6b606
}
.series-card-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.series-card-wrap .series-card {
    margin-bottom: 50px;
    width: 224px;
    margin-right: 20px
}
.series-card-wrap .series-card:nth-child(5n) {
    margin-right: 0 !important
}
.series-card-wrap .thumb-card-wrap {
    height: 336px;
    margin-bottom: 20px
}
.series-card-wrap .thumb-card-wrap:hover .thumb-overlay {
    background-color: rgba(38, 38, 54, .5)
}
.series-card-wrap .thumb-card-wrap .thumb-card {
    display: block;
    position: relative
}
.series-card-wrap .thumb-card-wrap .thumb-card img {
    border-radius: 4px
}
.series-card-wrap .thumb-card-wrap .ico-overlay {
    position: absolute;
    margin: 4px 0 0 4px
}
.series-card-wrap .desc-area {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}
.series-card-wrap .desc-area .title {
    font-weight: 700 !important;
    font-size: 16px
}
.series-card-wrap .desc-area .sub-title, .series-card-wrap .desc-area .title {
    margin-bottom: 6px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}
.series-card-wrap .desc-area .sub-title {
    font-size: 14px;
    opacity: .8
}
.series-card-wrap .desc-area .text {
    font-size: 14px;
    opacity: .6
}
.content-item {
    font-size: 0;
    line-height: 0;
    display: inline-block;
    width: 15%;
    margin: 0 0 24px 20px;
    vertical-align: top
}
.content-item.premium {
    width: 20%;
    margin-right: 20px !important;
    vertical-align: top
}
.content-item.premium .thumb-wrap {
    width: 220px
}
.content-item.premium .sub-title {
    margin-bottom: 8px
}
.content-item.premium:nth-child(4n) {
    margin-left: 0 !important
}
.content-item:not(.mod-plural):nth-child(5n) {
    margin-right: 0
}
.content-item.mod-plural {
    width: 300px;
    vertical-align: top
}
.content-item.mod-plural:nth-child(3n) {
    margin-right: 0
}
.content-item.mod-plural .thumb-wrap {
    display: block;
    width: 100%
}
.content-item.mod-plural .thumb-wrap.mod-banner > img {
    border-radius: 3px !important
}
.content-item.mod-plural .thumb-wrap > img, .content-item.mod-plural .thumb-wrap p {
    vertical-align: top
}
.content-item.mod-plural .thumb-wrap > img:first-child, .content-item.mod-plural .thumb-wrap p:first-child {
    border-radius: 3px 0 0 0
}
.content-item.mod-plural .thumb-wrap > img:nth-child(4), .content-item.mod-plural .thumb-wrap p:nth-child(4) {
    border-radius: 0 3px 0 0
}
.content-item.mod-plural .thumb-wrap > img:nth-child(5), .content-item.mod-plural .thumb-wrap p:nth-child(5) {
    border-radius: 0 0 0 3px
}
.content-item.mod-plural .thumb-wrap > img:nth-child(8), .content-item.mod-plural .thumb-wrap p:nth-child(8) {
    border-radius: 0 0 3px 0
}
.content-item .item-thumb-wrap {
    position: relative;
    margin-bottom: 10px
}
.content-item .thumb-wrap {
    position: relative;
    display: block;
}
.content-item .thumb-wrap .circle-layer {
    position: absolute;
    top: 26px;
    left: 26px;
    width: 121px;
    height: 121px;
    border-radius: 50%
}
.content-item .thumb-wrap .thumb-img {
    position: absolute;
    top: 26px;
    left: 26px
}
.content-item .thumb-wrap .ico-mature {
    position: absolute;
    top: 6px;
    left: 6px
}
.content-item .dummy-thumb {
    display: inline-block;
    width: 75px;
    height: 75px;
    margin: 0;
    background-color: #e6e6e6
}
.content-item .dummy-thumb.odd {
    background-color: #d6d6d6
}
.content-item > a:hover {
    color: #262636
}
.content-item .title {
    line-height: 1.2;
    font-weight: 700 !important;
    font-size: 20px
}
.content-item .sub-title, .content-item .title {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 4px;
    text-align: left;
    direction: ltr;
    font-size: 12px;
}
.content-item .sub-title {
    line-height: 20px;
    font-size: 14px;
    color: rgba(38, 38, 54, .6)
}
.content-item .sub-title:hover {
    color: #262636
}
.content-item .sub-title .link-title {
    color: rgba(38, 38, 54, .6)
}
.content-item .sub-title .link-title:hover {
    color: #262636
}
.content-item .description {
    display: block;
    margin-bottom: 4px;
    word-wrap: break-word;
    max-width: 300px;
    min-height: 58px;
    line-height: 1.4;
    font-size: 14px;
    color: #666676
}
.content-item .tag {
    line-height: 20px;
    font-size: 12px;
    color: rgba(38, 38, 54, .3);
    cursor: pointer
}
.content-item .tag.empty {
    display: inline-block;
    height: 14px
}
.content-item .tag.badge {
    color: #fff;
    border-radius: 12px;
    padding: 0 8px;
    margin: 0 3px 3px 0;
    font-size: 10px;
    line-height: 16px
}
.content-item .desc-layer {
    z-index: 1;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 12px;
    border-radius: 0 0 4px 4px;
    color: #fff;
    background-color: rgba(0, 0, 0, .7)
}
.content-item .desc-layer .name {
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 4px;
    font-weight: 700 !important;
    font-size: 16px
}
.content-item .desc-layer .name a {
    color: #fff
}
.content-item .desc-layer .name a:hover {
    color: #26b6b6
}
.content-item .desc-layer .sub-wrap {
    font-size: 0;
    line-height: 0;
    white-space: nowrap
}
.content-item .desc-layer .sub {
    font-size: 14px;
    margin-right: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}
.content-item .desc-layer .sub.name {
    line-height: 20px;
    margin: 0;
    font-weight: 400 !important
}
.content-item .desc-layer .sub i {
    vertical-align: middle
}
.content-item .desc-layer .sub .tip {
    color: #fff;
    font-weight: 700 !important
}
.content-item .desc-layer .rank {
    float: right;
    border-radius: 32px;
    line-height: 20px;
    font-size: 14px;
    text-align: center;
    width: 36px;
    height: 20px;
    background-color: hsla(0, 0%, 65%, .6);
    font-weight: 700 !important
}
.content-item .desc-layer .first {
    display: inline-block;
    float: right;
    background-color: #f6b606;
    border: 1px solid #fff;
    width: 16px;
    height: 16px;
    border-radius: 50%
}
.content-item .desc-layer .first > i {
    margin-top: 3px;
    margin-left: 2px
}
.content-item-single {
    font-size: 0;
    line-height: 0;
    display: inline-block;
    width: 940px
}
.content-item-single .thumb-wrap {
    display: block;
    width: 940px
}
.content-item-pair {
    display: inline-block;
    width: 31.5%;
    margin-right: 20px
}
.content-item-pair .thumb-wrap {
    display: block;
    width: 100%
}
.content-item-pair:nth-child(3n) {
    margin-left: 0
}
.content-item-triple {
    font-size: 0;
    line-height: 0;
    display: inline-block;
    width: 300px;
    margin-right: 20px
}
.content-item-triple .thumb-wrap {
    display: block;
    width: 300px
}
.content-item-triple:nth-child(3n) {
    margin-right: 0
}
.list-item {
    display: block;
    font-size: 14px;
    border-bottom: 1px solid #d6d6d6
}
.list-item.pinned {
    background-color: #f6f6f6
}
.list-item a, .list-item div {
    display: block;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    color: #464656
}
.list-item .title {
    display: inline-block;
    max-width: 780px;
    margin: 0 40px 0 0;
    font-weight: 700 !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}
.list-item-body {
    padding: 40px 20px;
    border-bottom: 1px solid #d6d6d6;
    line-height: 18px;
    color: #464656
}
.list-item-body.notice * {
    line-height: 1.4 !important
}
.list-item-body i {
    font-size: inherit;
    font-style: italic;
    line-height: inherit
}
.list-button {
    width: 62px;
    margin-top: 24px
}
.discover-item {
    display: inline-block;
    width: 300px;
    margin-right: 20px;
    text-align: center
}
.discover-item:last-child {
    margin-right: 0
}
.discover-item > a {
    display: block;
    height: 180px
}
.discover-item p {
    line-height: 1.2;
    margin: 16px 0 8px
}
.discover-item .title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 16px;
    color: #262636;
    font-weight: 700 !important
}
.discover-item .title:hover {
    color: #26b6b6
}
.discover-item .tag-line {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 16px;
    color: #a6a6a6;
    margin: 0
}
.search-item-wrap {
    height: 140px;
    margin-bottom: 30px
}
.search-item-wrap .item-thumb-wrap .thumb-wrap {
    font-size: 0;
    line-height: 0;
    display: inline-block
}
.search-item-wrap .title-section .link.smog:hover, .search-item-wrap .title-section .link:hover {
    color: #262636
}
.search-item-wrap .title-section .link.smog {
    color: rgba(38, 38, 54, .5)
}
.search-item-wrap .title-section .title {
    margin: 0;
    line-height: 30px;
    font-size: 24px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}
.search-item-wrap .title-section .sub-title {
    margin: 0;
    line-height: 18px;
    font-size: 14px;
    color: rgba(38, 38, 54, .5)
}
.search-item-wrap .title-section .tag {
    margin: 0;
    line-height: 15px;
    max-width: 775px;
    font-size: 12px;
    color: rgba(38, 38, 54, .5)
}
.search-item-wrap .title-section .tag .tag-icon {
    vertical-align: top;
    margin: 2px 4px 2px 0
}
.content-grid-wrap {
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.grid-item {
    position: relative;
    margin-right: 20px;
    margin-bottom: 24px;
    border-radius: 8px
}
.grid-item:nth-child(3n) {
    margin-right: 0
}
.grid-item:hover {
    box-shadow: 0 8px 6px -5px rgba(0, 0, 0, .5)
}
.grid-item .item-preview-wrap {
    position: relative;
    overflow: hidden
}
.grid-item .item-preview-wrap > .preview-wrap {
    display: block;
    width: 300px;
    height: 450px;
    overflow: hidden;
    border-radius: 8px
}
.grid-item .item-preview-wrap > .preview-wrap > .thumb-overlay {
    border-radius: 8px
}
.grid-item .item-preview-wrap > .preview-wrap article {
    width: 300px !important;
    padding: 8px;
    font-size: 16px
}
.grid-item .item-preview-wrap > .item-desc-wrap {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100px;
    padding: 16px 12px;
    background-color: rgba(6, 6, 22, .7);
    border-radius: 0 0 8px 8px
}
.grid-item .item-preview-wrap > .item-desc-wrap > a {
    display: block
}
.grid-item .item-preview-wrap > .item-desc-wrap .title {
    line-height: 24px;
    font-size: 20px;
    color: #fff;
    font-weight: 700 !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}
.grid-item .item-preview-wrap > .item-desc-wrap .sub-title {
    margin-top: 4px;
    line-height: 18px;
    font-size: 14px;
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}
.grid-item .item-preview-wrap > .item-desc-wrap .sub-title.mod-small {
    line-height: 16px;
    font-size: 12px
}
.tag-suggestions {
    position: absolute;
    width: 100%;
    max-height: 160px;
    z-index: 3;
    overflow-y: scroll;
    font-size: 0;
    line-height: 0;
    background-color: #fff;
    display: none;
    border: 1px solid #26b6b6;
    border-radius: 3px
}
.tag-suggestions.on {
    display: block
}
.tag-suggestions > li p {
    margin: 0;
    padding: 4px 6px;
    line-height: 20px;
    font-size: 16px;
    color: #464656
}
.tag-suggestions > li:hover {
    cursor: pointer;
    background-color: #e6e6e6
}
.note-popover i {
    font-size: 12px !important
}
.signed-out .signed-wrap.mod-top {
    width: 578px;
    padding-top: 15px;
    padding-bottom: 73px;
}
.signed-out .signed-wrap.mod-bottom {
    margin-top: 128px
}
.signed-out .signed-wrap.mod-bottom .store-btn-wrap {
    font-size: 0;
    line-height: 0;
    margin-top: 30px
}
.signed-out .signed-wrap.mod-bottom .store-btn-wrap > a:first-child {
    margin-right: 4px
}
.signed-out .signed-wrap.mod-middle {
    padding-top: 140px;
    padding-bottom: 24px;
}
.signed-out .signed-wrap.mod-middle .r-side {
    float: right;

}
.signed-out .signed-wrap.mod-middle .l-side {
    float: left;
    width: 65%;
    display: inline-block;
}
.signed-out .signed-wrap.mod-middle .desc {
    width: 400px;
    margin-bottom: 60px;
    line-height: 1.4;
    font-size: 20px
}
.signed-out .signed-wrap .desc {
    margin-bottom: 40px;
    line-height: 24px;
    font-size: 16px;
    color: #262636
}
.signed-out .signed-wrap .txt-btn {
    border: 2px solid #262636;
    border-radius: 30px;
    line-height: 56px;
    text-transform: none
}
.signed-out .signed-wrap .read-btn {
    width: 240px
}
.signed-out .signed-wrap .help-btn {
    width: 328px
}
.signed-out h1.signed-label {
    font-size: 30px;
    font-weight: 900 !important;
    font-family: kalame;
}
.signed-out h2.signed-label {
    margin-bottom: 12px;
    line-height: 1.2;
    opacity: .1;
    position: absolute;
    transform: rotate(-12deg);
    font-size: 157px;
    font-family: kalame;
    font-weight: 900 !important;
}
.signed-out h3.signed-label {
    margin-top: 70px;
    margin-bottom: 30px;
    font-size: 32px;
    font-weight: 700 !important
}
.signed-out h3.signed-label .link {
    line-height: 40px;
    font-size: 16px
}
.signed-out .signed-duck {
    position: absolute;
    right: 0;
    bottom: 32px
}
.signed-out .signed-publish {
    position: absolute;
    right: 0;
    bottom: 65px
}
.signed-out .signed-download {
    margin-top: 32px
}
.signed-out .featured-series > .content-item {
    margin-bottom: 40px !important
}
.signed-out .cards {
    font-size: 0;
    line-height: 0;
    z-index: 9999999;
}
.signed-out .cards li {
    position: relative;
    display: inline-block;
    width: 31%;
    height: 103px;
    border-radius: 10px;
    margin-left: 20px;
    padding-top: 10px;
    background-color: #f6f6f6;
    border: 1px solid #e6e6e6;
    box-shadow: -1px 6px 11px 0 hsla(0, 0%, 84%, .28);
    text-align: center;
}
.signed-out .cards li:last-child {
    margin-left: 0
}
.signed-out .cards li .num {
    margin: 0;
    line-height: 1.5;
    font-size: 31px;
    font-family: kalame;
    color: #464656;
    font-weight: 900 !important;
}
.signed-out .cards li .num-label {
    line-height: 1.5;
    color: #464656;
    font-family: kalame;
    font-weight: 900;
    font-size: 29px;
}
.signed-out .cards li > i {
    position: absolute;
    right: 0;
    bottom: 0
}
.signed-out .cards li > i.mod-right {
    right: 10px
}
.signed-out .press-list {
    font-size: 0;
    line-height: 0
}
.signed-out .press-list li {
    position: relative;
    display: inline-block;
    width: 280px;
    height: 290px;
    border-radius: 4px;
    margin-right: 50px;
    vertical-align: top;
    box-shadow: 0 13px 32px -7px rgba(6, 6, 22, .19)
}
.signed-out .press-list li:last-child {
    margin-right: 0
}
.signed-out .press-list li > img {
    border-radius: 4px 4px 0 0
}
.signed-out .press-list li > i {
    position: absolute;
    top: 94px;
    left: 24px
}
.signed-out .press-list li p {
    padding: 35px 24px 0;
    line-height: 1.75;
    font-size: 16px;
    color: #262636
}
.signed-out .newsfeed {
    font-size: 0;
    line-height: 0;
    margin-bottom: 80px
}
.signed-out .newsfeed li {
    margin-bottom: 8px;
    border-radius: 4px;
    border: 1px solid #e6e6e6;
    box-shadow: 0 9px 7px -7px rgba(6, 6, 22, .05)
}
.signed-out .newsfeed li > a {
    display: block;
    padding: 20px
}
.signed-out .newsfeed li > a .title {
    display: inline-block;
    max-width: 780px;
    margin: 0 !important;
    line-height: 20px;
    font-size: 16px;
    color: #464656;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}
.signed-out .newsfeed li > a .date {
    line-height: 20px;
    font-size: 16px;
    color: #a6a6a6
}
.page-wrap {
    width: 100%;
    margin: 0
}
.page-wrap.dark {
    background-color: #060616;
    color: #fff !important
}
.page-wrap.dark a {
    color: #fff
}
.page-wrap.dark .global-page {
    min-width: 1240px;
    padding: 0 20px
}
.page-wrap.dark .global-page-header .page-header {
    color: #fff
}
.page-wrap.dark .section-sort {
    color: #fff;
    margin-top: 24px
}
.page-wrap.dark .section-sort .sort-desc {
    color: #fff !important
}
.page-wrap.dark .section-sort .sort-desc.smog {
    color: #a6a6a6 !important
}
.global-sign-page {
    margin-top: 140px;
    margin-bottom: 80px
}
.global-sign-page .error-message {
    position: relative !important;
}
.global-sign-page .error-message .ico {
    position: absolute;
    top: -190px;
    left: 64px
}
.global-page {
    width: 80%;
    padding: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}
.global-page.full {
    width: 100%
}
.global-page.fit {
    padding-top: 30px
}
.global-page.dark {
    background-color: #f6f6f6
}
.signed-out .section-row.quince {
    background: url(../image/signed-gradient.png);
    background-size: 100% 100%;
}
.signed-out .section-row .inner {
    padding: 0
}
.signed-out .section-row .inner.flex {
    display: -ms-flexbox;
    display: flex
}
.signed-out .section-row .inner.mod-featured {
    padding: 0 0 140px
}
.section-row {
    width: 100%;
    position: relative
}
.section-row .inner {
    position: relative;
    width: 80%;
    padding: 0 0 60px;
    margin: 0 auto
}
.global-header-banner {
    width: 100%;
    height: 520px;
    position: relative
}
.global-header-banner.top {
    margin-top: -60px
}
.global-header-banner .inner {
    position: relative;
    margin: 0 auto;
    padding: 60px 0;
    width: 940px
}
.global-header-banner .banner-wrap {
    width: 620px;
    margin-top: 60px;
    color: #fff;
    font-weight: 700 !important
}
.global-header-banner .banner-wrap .type {
    margin-bottom: 15px;
    padding: 8px 16px;
    line-height: 1;
    font-size: 16px;
    color: #fff;
    text-transform: capitalize;
    background-color: rgba(0, 0, 0, .5);
    border-radius: 24px
}
.global-header-banner .banner-wrap .title {
    margin-top: 16px;
    line-height: 60px;
    font-size: 48px
}
.global-header-banner .banner-wrap .author {
    line-height: 25px;
    color: #f6f6f6;
    font-size: 20px
}
.global-header-banner .banner-wrap .author > span {
    font-weight: 400 !important
}
.global-header-banner .banner-wrap .desc {
    line-height: 20px;
    font-size: 16px;
    font-weight: 400 !important;
    color: #f6f6f6
}
.global-header-banner .banner-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.global-page-header {
    width: 100%;
    margin-top: 48px;
    position: relative
}
.global-page-header .section-sort-line.dark {
    border-top: 1px solid #464656
}
.global-page-header .page-header {
    position: relative;
    font-weight: 700 !important;
    font-size: 32px;
    color: #262636;
    text-transform: capitalize;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    border-bottom: 0;
    margin-bottom: 24px;
    font-family: Yekan-b;
    padding: 0
}
.global-page-header .page-header.mod-header a {
    color: #262636
}
.global-page-header .page-header.mod-header .ico {
    vertical-align: middle;
    margin-right: 10px;
    margin-bottom: 6px
}
.global-page-header .page-header .dimmed {
    color: #c6c6c6
}
.global-page-header .page-header .dimmed:hover {
    color: #868696
}
.global-page-header .page-header a {
    position: absolute;
    right: 0
}
.global-page-header .page-header a.as-label {
    position: static
}
.global-page-header .page-header a.mod-long {
    left: 0;
    right: unset;
}
.global-page-header .page-header a.mod-short > i {
    margin: 8px
}
.global-page-header .page-header .p-btn {
    padding: 0 12px;
    position: absolute;
    right: 0
}
.global-page-header .slash {
    font-weight: 700 !important;
    font-size: 32px;
    color: #c6c6c6;
    vertical-align: middle;
    margin: 0 10px
}
.global-page-header .section-search {
    margin-bottom: 25px
}
.global-page-header .section-search .search-wrap {
    position: relative
}
.global-page-header .section-filter {
    position: relative
}
.global-page-header .section-filter.novels .filter-item.on {
    border-bottom-color: #26b6b6
}
.global-page-header .section-filter.novels .filter-item.on .item-title {
    color: #26b6b6
}
.global-page-header .section-filter.comics .filter-item.on {
    border-bottom-color: #f6b606
}
.global-page-header .section-filter.comics .filter-item.on .item-title {
    color: #f6b606
}
.global-page-header .section-filter .filter-wrap {
    font-size: 0;
    line-height: 0;
    height: 60px;
    border-bottom: 1px solid #d6d6d6
}
.global-page-header .section-filter .filter-item {
    display: inline-block;
    line-height: 0;
    margin-right: 24px
}
.global-page-header .section-filter .filter-item.on, .global-page-header .section-filter .filter-item:hover {
    cursor: pointer;
    border-bottom: 1px solid #464656
}
.global-page-header .section-filter .filter-item.on .item-title, .global-page-header .section-filter .filter-item:hover .item-title {
    color: #464656
}
.global-page-header .section-filter .filter-item.on .item-title .ico, .global-page-header .section-filter .filter-item:hover .item-title .ico {
    opacity: 1
}
.global-page-header .section-filter .item-title {
    display: block;
    line-height: 25px;
    font-size: 20px;
    color: #a6a6a6;
    font-weight: 700 !important;
    text-transform: capitalize;
    padding: 17px 0
}
.global-page-header .section-filter .item-title.icon {
    font-size: 0;
    line-height: 0
}
.global-page-header .section-filter .item-title .ico {
    opacity: .5
}
.global-page-header .banner-wrap {
    position: absolute;
    top: -21px;
    right: 0
}
.global-page-header .section-sort {
    position: relative;
    margin-top: 14px;
    font-size: 0;
    line-height: 0
}
.global-page-header .section-sort .sort-desc {
    line-height: 18px;
    font-size: 14px;
    color: #a6a6a6
}
.global-page-header .section-sort .sort-desc .tooltip .tooltip-inner {
    padding: 10px !important;
    max-width: 240px
}
.global-page-header .section-sort .sort-desc .sort-desc-tip.comics {
    color: #f6b606
}
.global-page-header .section-sort .sort-desc .sort-desc-tip.comics:hover {
    color: #ac7f04
}
.global-page-header .section-sort .sort-desc .sort-desc-tip.novels {
    color: #26b6b6
}
.global-page-header .section-sort .sort-desc .sort-desc-tip.novels:hover {
    color: #1b7f7f
}
.global-page-header .section-sort .sort-wrap {
    font-size: 0;
    line-height: 0;
    display: inline-block
}
.global-page-header .section-sort .sort-wrap .sort-item {
    display: inline-block;
    margin-right: 19px;
    font-size: 14px
}
.global-page-header .section-sort .sort-wrap .sort-item .item-title {
    color: #a6a6a6;
    font-weight: 700 !important;
    line-height: 20px;
    text-transform: capitalize
}
.global-page-header .section-sort .sort-wrap .sort-item:last-child {
    margin-right: 0
}
.global-page-header .section-sort .sort-wrap .sort-item:hover {
    color: #666676
}
.global-page-header .section-sort .sort-wrap .sort-item.on .item-title, .global-page-header .section-sort .sort-wrap .sort-item:hover .item-title {
    color: #464656
}
.global-page-header .section-sort .user-tips-total {
    position: absolute;
    top: -6px;
    right: 0;
    height: 32px;
    line-height: 30px;
    font-size: 14px;
    color: #464656;
    font-weight: 700 !important;
    text-align: center
}
.global-page-header .section-sort .user-tips-total .tips {
    padding: 6px 8px;
    background-color: rgba(246, 182, 6, .3);
    border: 1px solid #f6b606;
    border-radius: 4px
}
.global-page-header .section-sort .user-tips-total .tips > i {
    vertical-align: sub;
    margin: 0 3px
}
.global-page-header .section-sort .dropdown-wrap {
    position: relative
}
.global-page-header .section-sort .dropdown-wrap.mod-stats {
    position: absolute;
    left: 0;
    top: 0
}
.global-page-header .section-sort .dropdown-wrap.flex {
    min-width: 133px
}
.global-page-header .section-sort .dropdown-wrap.flex .dropdown-btn, .global-page-header .section-sort .dropdown-wrap.flex .dropdown-btn + .dropdown-options, .global-page-header .section-sort .dropdown-wrap.flex .dropdown-btn + .dropdown-options .dropdown-option {
    width: 100%
}
.global-page-header .section-sort .dropdown-btn {
    width: 133px;
    border-radius: 8px;
    font-size: 0;
    line-height: 0;
    background-color: rgba(38, 38, 54, .08)
}
.global-page-header .section-sort .dropdown-btn.mod-tall .item-title {
    height: 40px;
    line-height: 40px
}
.global-page-header .section-sort .dropdown-btn.mod-tall .item-title .ico {
    margin: 17px 16px 17px 8px
}
.global-page-header .section-sort .dropdown-btn.on, .global-page-header .section-sort .dropdown-btn:hover {
    background-color: hsla(240, 7%, 56%, .3)
}
.global-page-header .section-sort .dropdown-btn.on {
    border-radius: 8px 8px 0 0
}
.global-page-header .section-sort .dropdown-btn .item-title {
    display: inline-block;
    font-size: 0;
    line-height: 0;
    width: 100%;
    height: 32px;
    line-height: 32px
}
.global-page-header .section-sort .dropdown-btn .item-title span {
    float: left;
    margin-left: 16px;
    font-weight: 700 !important;
    font-size: 14px;
    color: #464656;
    text-transform: capitalize
}
.global-page-header .section-sort .dropdown-btn .item-title span.mod-normal {
    text-transform: none
}
.global-page-header .section-sort .dropdown-btn .item-title span.mod-ink {
    color: #262636
}
.global-page-header .section-sort .dropdown-btn .item-title .ico {
    float: right;
    margin: 13px 16px 13px 8px
}
.global-page-header .section-sort .dropdown-btn.on + .dropdown-options {
    display: block
}
.global-page-header .section-sort .dropdown-btn.mod-tall + .dropdown-options {
    top: 40px;
    max-height: 600px;
    overflow: scroll
}
a.change-status {
    position: absolute;
    top: -4px;
    left: 7px;
    font-size: 11px;
}
.activity-page .global-page-header .section-filter > .filter-wrap .filter-item .item-title.icon i {
    font-size: 20px;
}
.global-page-header .section-sort .dropdown-btn + .dropdown-options {
    position: absolute;
    top: 32px;
    font-size: 0;
    line-height: 0;
    z-index: 9;
    text-transform: capitalize;
    display: none
}
.global-page-header .section-sort .dropdown-btn + .dropdown-options .dropdown-option {
    position: relative;
    width: 133px;
    background-color: #262636;
    text-transform: capitalize
}
.global-page-header .section-sort .dropdown-btn + .dropdown-options .dropdown-option:hover {
    background-color: #464656
}
.global-page-header .section-sort .dropdown-btn + .dropdown-options .dropdown-option:last-child {
    border-radius: 0 0 8px 8px
}
.global-page-header .section-sort .dropdown-btn + .dropdown-options .dropdown-option.mod-tall .option-title {
    line-height: 40px
}
.global-page-header .section-sort .dropdown-btn + .dropdown-options .dropdown-option.mod-normal {
    text-transform: none
}
.global-page-header .section-sort .dropdown-btn + .dropdown-options .dropdown-option i {
    position: absolute;
    top: 12px;
    right: 15px
}
.global-page-header .section-sort .dropdown-btn + .dropdown-options .option-title {
    display: block;
    padding: 0 0 0 12px;
    line-height: 32px;
    color: #fff;
    font-size: 14px;
    font-weight: 700 !important
}
.page-section {
    margin: 36px 0 61px
}
.page-section.fix {
    position: relative;
    width: 940px;
    padding-top: 60px
}
.page-section.bottom {
    margin: 0 auto;
    padding-bottom: 90px
}
.page-section .content-list-wrap {
    overflow: visible
}
.page-section .content-list-wrap .date {
    color: #a6a6a6
}
.page-section .section-title {
    margin-bottom: 32px;
    font-weight: 700 !important;
    font-size: 24px;
    color: #a6a6a6
}
.page-empty {
    padding: 90px 0;
    text-align: center
}
.page-empty .title {
    margin: 0;
    font-weight: 700 !important;
    color: #c6c6c6;
    font-size: 32px;
    line-height: 32px
}
.page-empty .sub-title {
    margin-top: 32px;
    line-height: 2;
    color: #666676;
    font-size: 20px
}
.page-empty .ico {
    vertical-align: text-top;
    margin-right: 8px
}
.page-empty .link {
    font-weight: 700 !important;
    color: #666676
}
.page-empty .link:hover {
    color: #666676
}
.activity-page {
    min-height: 600px
}
.activity-page .global-page-header .section-filter > .filter-wrap {
    height: auto
}
.activity-page .global-page-header .section-filter > .filter-wrap .filter-item {
    margin-right: 10px
}
.activity-page .global-page-header .section-filter > .filter-wrap .filter-item .item-title.txt {
    padding: 0;
    width: 40px;
    line-height: 39px;
    margin-bottom: 1px;
    text-align: center
}
.activity-page .global-page-header .section-filter > .filter-wrap .filter-item .item-title.icon {
    margin-bottom: 1px;
    padding: 11px
}
.activity-page .global-page-header .section-filter > .filter-wrap .filter-item .item-title:hover {
    border-radius: 3px;
    background-color: #f6f6f6
}
.activity-page .global-page-header .section-sort {
    min-height: 40px;
    margin-top: 12px
}
.activity-page .global-page-header .section-sort .dropdown-wrap {
    position: relative
}
.activity-page .global-page-header .section-sort .dropdown-wrap.mod-stats {
    position: absolute;
    left: 0;
    top: -8px
}
.activity-page .global-page-header .section-sort .dropdown-wrap.flex {
    min-width: 130px
}
.activity-page .global-page-header .section-sort .dropdown-wrap.flex .dropdown-btn, .activity-page .global-page-header .section-sort .dropdown-wrap.flex .dropdown-btn + .dropdown-options, .activity-page .global-page-header .section-sort .dropdown-wrap.flex .dropdown-btn + .dropdown-options .dropdown-option {
    width: 100%
}
.activity-page .global-page-header .section-sort .dropdown-btn {
    width: 130px;
    border-radius: 4px;
    font-size: 0;
    line-height: 0;
    background-color: rgba(38, 38, 54, .08)
}
.activity-page .global-page-header .section-sort .dropdown-btn.mod-tall .item-title {
    height: 40px;
    line-height: 40px
}
.activity-page .global-page-header .section-sort .dropdown-btn.mod-tall .item-title .ico {
    margin: 17px 16px 17px 8px
}
.activity-page .global-page-header .section-sort .dropdown-btn.on, .activity-page .global-page-header .section-sort .dropdown-btn:hover {
    background-color: hsla(240, 7%, 56%, .3)
}
.activity-page .global-page-header .section-sort .dropdown-btn.on {
    border-radius: 8px 8px 0 0
}
.activity-page .global-page-header .section-sort .dropdown-btn .item-title {
    display: inline-block;
    font-size: 0;
    line-height: 0;
    width: 100%;
    height: 32px;
    line-height: 32px
}
.activity-page .global-page-header .section-sort .dropdown-btn .item-title span {
    float: left;
    margin-left: 12px;
    font-weight: 700 !important;
    font-size: 13px;
    color: #464656;
}
.activity-page .global-page-header .section-sort .dropdown-btn .item-title span.mod-normal {
    text-transform: none
}
.activity-page .global-page-header .section-sort .dropdown-btn .item-title span.mod-ink {
    color: #262636
}
.activity-page .global-page-header .section-sort .dropdown-btn .item-title .ico {
    float: right;
    margin: 13px 16px 13px 8px
}
.activity-page .global-page-header .section-sort .dropdown-btn.on + .dropdown-options {
    display: block
}
.activity-page .global-page-header .section-sort .dropdown-btn.mod-tall + .dropdown-options {
    top: 40px;
    max-height: 600px;
    overflow: scroll
}
.activity-page .global-page-header .section-sort .dropdown-btn + .dropdown-options {
    position: absolute;
    top: 32px;
    font-size: 0;
    line-height: 0;
    z-index: 9;
    text-transform: capitalize;
    display: none
}
.activity-page .global-page-header .section-sort .dropdown-btn + .dropdown-options .dropdown-option {
    position: relative;
    width: 130px;
    background-color: #262636;
    text-transform: capitalize
}
.activity-page .global-page-header .section-sort .dropdown-btn + .dropdown-options .dropdown-option:hover {
    background-color: #464656
}
.activity-page .global-page-header .section-sort .dropdown-btn + .dropdown-options .dropdown-option:last-child {
    border-radius: 0 0 8px 8px
}
.activity-page .global-page-header .section-sort .dropdown-btn + .dropdown-options .dropdown-option.mod-tall .option-title {
    line-height: 40px
}
.activity-page .global-page-header .section-sort .dropdown-btn + .dropdown-options .dropdown-option.mod-normal {
    text-transform: none
}
.activity-page .global-page-header .section-sort .dropdown-btn + .dropdown-options .dropdown-option i {
    position: absolute;
    top: 12px;
    right: 15px
}
.activity-page .global-page-header .section-sort .dropdown-btn + .dropdown-options .option-title {
    display: block;
    padding: 0 0 0 12px;
    line-height: 32px;
    color: #fff;
    font-size: 14px;
    font-weight: 700 !important
}
.activity-page .page-header {
    margin-bottom: 40px;
    overflow: visible
}
.activity-page #activities {
    padding-bottom: 60px
}
.activity-page .date-header {
    font-weight: 700 !important;
    font-size: 14px;
    color: #a6a6a6;
    padding-bottom: 9px;
    border-bottom: 1px solid #d6d6d6;
    margin-bottom: 13px
}
.activity-page .daily-activities {
    font-size: 14px;
    margin-bottom: 30px;
    color: #060616
}
.activity-page .activities .item {
    position: relative;
    margin-bottom: 4px;
    border-radius: 4px
}
.activity-page .activities .item.mod-unread {
    background-color: rgba(38, 182, 182, .1)
}
.activity-page .activities .item.mod-unread .activity {
    color: #060616
}
.activity-page .activities .item.mod-unread:hover {
    background-color: rgba(38, 182, 182, .3)
}
.activity-page .activities .item.mod-unread.tapas {
    background-color: rgba(246, 182, 6, .1)
}
.activity-page .activities .item.mod-unread.tapas:hover {
    background-color: rgba(246, 182, 6, .3)
}
.activity-page .activities .item:hover {
    background-color: #f6f6f6
}
.activity-page .activities .activity {
    padding: 10px 12px;
    display: block;
    line-height: 20px;
    color: #060616
}
.activity-page .activities .activity i {
    vertical-align: middle
}
.activity-page .activities .activity .contents {
    max-width: 885px;
    display: inline-block;
    line-height: 18px;
    margin: 0 0 0 10px;
    vertical-align: text-top
}
.activity-page .activities .activity .acted-time {
    font-weight: 700 !important;
    font-size: 10px;
    color: #c6c6c6;
    line-height: 13px
}
.activity-page .activities .mark-read-btn {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 0;
    right: 0;
    padding: 15px 12px
}
.activity-page .activities .mark-read-btn:hover {
    cursor: pointer
}
.activity-page .activities .mark-read-btn:hover > i {
    opacity: 1
}
.activity-page .activities .mark-read-btn > i {
    opacity: 0
}
.global-pagination-wrap {
    font-size: 0;
    line-height: 0;
    max-width: 940px;
    margin: 0 auto;
    height: 32px;
    text-align: center
}
.global-pagination-wrap.dark .paging-btn {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    background-color: inherit !important;
    width: 40px !important;
    height: 40px
}
.global-pagination-wrap.dark .paging-btn:focus {
    outline: none
}
.global-pagination-wrap.dark .paging-btn.page-num {
    border-radius: 2px;
    border: 1px solid #464656;
    font-size: 16px;
    margin-left: 10px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}
.global-pagination-wrap.dark .page-prev {
    margin-right: 10px
}
.global-pagination-wrap.dark .current {
    background-color: #868696 !important;
    color: #161626
}
.global-pagination-wrap .paging-btn {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    height: 32px;
    line-height: 32px;
    vertical-align: top;
    font-size: 14px;
    color: #fff;
    background-color: #868696;
    border-radius: 3px
}
.global-pagination-wrap .paging-btn:focus {
    outline: none
}
.global-pagination-wrap .paging-btn.page-num {
    width: 32px;
    margin-left: 4px;
    font-size: 12px;
    font-weight: 700 !important
}
.global-pagination-wrap .paging-btn.page-num.jumbo {
    width: 45px
}
.global-pagination-wrap .paging-btn.current {
    background-color: #464656
}
.global-pagination-wrap .paging-btn.dots {
    width: 20px;
    background-color: transparent;
    color: #464656;
    line-height: 24px
}
.global-pagination-wrap .paging-btn.paging-prevnext {
    width: 78px;
    font-weight: 700 !important;
    font-size: 12px;
    text-transform: uppercase
}
.global-pagination-wrap .paging-btn.paging-prevnext.prev {
    margin-left: 12px
}
.global-pagination-wrap .paging-btn.paging-prevnext.next {
    margin-right: 12px
}
.global-pagination-wrap .paging-btn.paging-prevnext.disabled {
    color: #666676;
    background-color: #f6f6f6
}
.global-pagination-wrap .paging-btn.paging-prevnext.ext {
    width: 88px;
    font-size: 16px;
    line-height: 18px;
    color: #a6a6a6;
    background-color: transparent
}
.global-pagination-wrap .paging-btn.paging-prevnext.ext:hover {
    color: #464656
}
.global-pagination-wrap a:hover.paging-btn {
    color: #fff;
    transition: background-color .2s linear
}
.global-pagination-wrap a:hover.paging-btn.clear {
    background-color: transparent
}
.global-pagination-wrap a:hover.paging-btn.kaki {
    background-color: #ac5e04
}
.global-pagination-wrap a:hover.paging-btn.quince {
    background-color: #ac7f04
}
.global-pagination-wrap a:hover.paging-btn.swell {
    background-color: #1b7f7f
}
.global-pagination-wrap a:hover.paging-btn.mint {
    background-color: #3c8b53
}
.global-pagination-wrap a:hover.paging-btn.sorbet {
    background-color: #ac313c
}
.global-pagination-wrap a:hover.paging-btn.facebook {
    background-color: #2e487d
}
.global-pagination-wrap a:hover.paging-btn.google {
    background-color: #2e5dab
}
.global-pagination-wrap a:hover.paging-btn.darkness {
    background-color: #04040f
}
.global-pagination-wrap a:hover.paging-btn.ghost {
    background-color: #acacac
}
.global-pagination-wrap a:hover.paging-btn.haze {
    background-color: #969696
}
.global-pagination-wrap a:hover.paging-btn.fog {
    background-color: #8b8b8b
}
.global-pagination-wrap a:hover.paging-btn.ash {
    background-color: #5e5e69
}
.global-pagination-wrap a:hover.paging-btn.pewter {
    background-color: #474753
}
.global-pagination-wrap a:hover.paging-btn.white {
    background-color: #b3b3b3
}
.global-pagination-wrap a:hover.paging-btn.ink {
    background-color: #1b1b26
}
.global-pagination-wrap a:hover.paging-btn.slate {
    background-color: #31313c
}
.publish-shortcut-nav .item-title {
    width: auto !important;
    text-transform: none !important
}
.publish-shortcut-nav .getstarted-btn {
    border-radius: 30px !important
}
.publish-banner {
    width: 100%;
    text-align: center;
    max-height: 723px;
    overflow-y: hidden;
    position: relative
}
.publish-banner .banner-header {
    height: 650px;
    background-image: url(../image/creators-top-dark.jpg);
    background-size: cover;
    background-position: 50%
}
.publish-banner .banner-bottom {
    height: 400px !important;
    background-image: url(../images/bottom-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}
.publish-banner .banner-img {
    width: 100%
}
.publish-banner .banner-text-wrap {
    position: absolute;
    font-size: 16px;
    color: #fff;
    text-align: center;
    z-index: 9;
    top: 0;
    margin-top: 216px;
    width: 100%
}
.publish-banner .banner-text-wrap.bottom {
    margin-top: 102px
}
.publish-banner .banner-text-wrap .banner-title {
    font-weight: 700 !important;
    font-size: 64px;
    margin-bottom: 16px;
    line-height: 72px
}
.publish-banner .banner-text-wrap .banner-desc {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 46px
}
.publish-banner .banner-text-wrap .getstarted-btn {
    width: 246px;
    height: 56px;
    vertical-align: middle;
    border-radius: 30px
}
.publish-banner .banner-text-wrap .getstarted-btn .btn-label {
    font-size: 20px;
    line-height: 56px
}
.publish-banner .banner-text-wrap .getstarted-desc {
    margin-top: 10px;
    line-height: 18px;
    color: #f6f6f6;
    font-size: 14px
}
.publish-banner .banner-text-wrap .getstarted-desc .more-text {
    font-weight: 700 !important
}
.publish-banner .banner-text-wrap .bottom-banner-title {
    font-weight: 700 !important;
    font-size: 48px;
    margin-bottom: 10px;
    line-height: 60px
}
.publish-banner .banner-text-wrap .bottom-banner-desc {
    font-weight: 700 !important;
    font-size: 20px;
    margin-bottom: 26px;
    line-height: 25px
}
.publish-banner .banner-text-wrap .jump-down-btn {
    margin-top: 32px;
    height: 50px;
    opacity: .6
}
.publish-banner .banner-text-wrap .jump-down-btn:hover {
    opacity: 1
}
.publish-banner .top-overlay {
    height: 723px
}
.publish-banner .bottom-overlay, .publish-banner .top-overlay {
    position: absolute;
    top: 0;
    width: 100%;
    background-color: rgba(38, 38, 54, .8)
}
.publish-banner .bottom-overlay {
    height: 546px
}
.publish-section {
    width: 100%;
    padding: 100px 0
}
.publish-section.first {
    padding-top: 160px
}
.publish-section.last {
    margin-bottom: 0
}
.publish-section.ghost {
    background-color: #f6f6f6
}
.publish-section.community .section-wrap .wide {
    width: 475px
}
.publish-section.community .section-wrap .narrow {
    width: 434px;
    margin: 120px 191px 49px 0
}
.publish-section.community .section-wrap .narrow .main-title {
    margin-top: 51px !important
}
.publish-section.community .section-wrap .narrow .desc {
    width: 434px
}
.publish-section.grow .wide {
    width: 480px
}
.publish-section.grow .narrow {
    margin-left: 178px;
    width: 440px
}
.publish-section.grow .narrow .desc {
    width: 440px
}
.publish-section.earn .wide {
    margin-top: 49px;
    width: 510px
}
.publish-section.earn .narrow {
    width: 417px;
    margin: 0 0 49px 173px
}
.publish-section.earn .narrow .main-title {
    margin-top: 51px !important
}
.publish-section.earn .narrow .desc {
    width: 434px
}
.publish-section.studio .wide {
    width: 476px;
    margin: 0 205px 0 0
}
.publish-section.studio .narrow {
    margin-top: 60px
}
.publish-section.work .wide {
    width: 446px
}
.publish-section.work .narrow {
    width: 413px;
    margin: 70px 221px 49px 0
}
.publish-section.work .narrow .main-title {
    margin-top: 51px !important
}
.publish-section.work .narrow .desc {
    width: 434px
}
.publish-section.work .narrow .txt-btn {
    color: #262636;
    width: 173px;
    height: 61px;
    border-radius: 30px;
    border: 2px solid #262636
}
.publish-section.work .narrow .txt-btn .btn-label {
    line-height: 56px;
    width: 113px;
    height: 25px;
    font-size: 20px;
    font-weight: 700 !important
}
.section-wrap {
    width: 1100px;
    position: relative;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
    vertical-align: top
}
.section-wrap figure {
    margin: 0 !important
}
.section-wrap figcaption {
    width: 480px;
    font-weight: 700 !important;
    color: #a6a6a6;
    font-size: 14px;
    margin-top: 18px;
    text-align: center
}
.section-wrap .publish-img {
    display: block
}
.section-wrap .wide {
    width: 600px;
    float: left
}
.section-wrap .narrow {
    position: relative;
    width: 418px;
    float: left
}
.section-wrap .narrow .desc {
    width: 418px;
    display: block;
    margin: 0
}
.section-wrap .narrow .desc.main-title {
    color: #262636;
    font-size: 32px;
    font-weight: 700 !important
}
.section-wrap .narrow .desc.last-title {
    margin: 37px 0;
    color: #464656;
    font-size: 20px;
    line-height: 25px
}
.section-wrap .mgr {
    margin-right: 82px
}
.section-wrap .grow-btn {
    position: relative;
    float: left;
    box-sizing: border-box;
    width: 208px;
    height: 64px;
    margin: 0 12px 14px 0;
    border-radius: 5px;
    text-align: left;
    background-color: #f6f6f6;
    border: 2px solid #f6f6f6
}
.section-wrap .grow-btn:hover {
    border: 2px solid #868696
}
.section-wrap .grow-btn.on {
    border: 2px solid #f6b606
}
.section-wrap .grow-btn i {
    margin: 14px
}
.section-wrap .grow-btn i.mod-s {
    margin: 14px 18px
}
.section-wrap .grow-btn i.mod-m {
    margin: 14px 16px
}
.section-wrap .grow-btn a {
    width: 204px;
    height: 60px;
    font-weight: 700 !important;
    display: block
}
.section-wrap .grow-btn a .btn-label {
    line-height: 3.5;
    color: #262636
}
.section-wrap .earn-btn {
    position: relative;
    box-sizing: border-box;
    width: 310px;
    height: 76px;
    margin-bottom: 10px;
    border-radius: 4px;
    text-align: left;
    background-color: #fff;
    border: 2px solid #fff
}
.section-wrap .earn-btn:hover {
    border: 2px solid #868696
}
.section-wrap .earn-btn.on {
    border: 2px solid #f6b606
}
.section-wrap .earn-btn i {
    margin: 25px 27px
}
.section-wrap .earn-btn i.sp-pub-ink, .section-wrap .earn-btn i.sp-pub-revenue {
    margin: 20px 27px !important
}
.section-wrap .earn-btn a {
    font-weight: 700 !important;
    width: 374px;
    height: 82px;
    display: block
}
.section-wrap .earn-btn .btn-label-wrap {
    vertical-align: middle;
    display: inline-block
}
.section-wrap .earn-btn .btn-label-wrap .btn-label {
    font-weight: 700 !important;
    color: #262636;
    font-size: 20px;
    text-transform: none
}
.section-wrap .earn-btn .btn-label-wrap .btn-label-desc {
    font-weight: 400 !important;
    color: #a6a6a6;
    font-size: 16px
}
.section-wrap .earn-section-card-wrap > * {
    text-align: center
}
.section-wrap .earn-section-card-desc {
    text-align: left;
    margin-top: 22px;
    font-size: 14px;
    color: #a6a6a6;
    font-weight: 700 !important
}
.tooltip .tooltip-inner {
    font-size: 14px;
    line-height: 16px;
    border-radius: 8px;
    font-weight: 700 !important;
    padding: 9px 10px;
    min-width: 100px;
    max-width: 230px;
    min-height: 36px
}
.alert {
    position: relative;
    padding: 12px 0 12px 16px;
    border-radius: 4px;
    font-weight: 700 !important;
    font-size: 16px;
    line-height: 20px;
    text-shadow: none
}
.alert > ul {
    display: inline-block;
    list-style: disc outside none;
    padding-left: 16px;
    width: 530px
}
.alert.alert-error {
    background-color: #f64656;
    color: #fff
}
.alert .alert-close {
    display: inline-block;
    font-size: 0;
    line-height: 0;
    width: 20px;
    height: 20px;
    float: right;
    margin-right: 24px;
    padding: 2px
}
.nsfw-label {
    height: 16px;
    display: inline-block;
    padding: 1px 4px;
    margin-left: 4px;
    line-height: 14px;
    text-transform: uppercase;
    border-radius: 3px;
    background-color: #f64656
}
.nsfw-label, .reading-list-new {
    font-weight: 700 !important;
    font-size: 10px;
    color: #fff
}
.reading-list-new {
    width: 32px;
    height: 32px;
    position: absolute;
    top: -16px;
    right: -14px;
    background-color: #f6b606;
    border-radius: 50%;
    line-height: 32px;
    vertical-align: middle;
    text-align: center;
    z-index: 2;
    border: 6px solid #fff;
}
.series-sale-label {
    background-color: #f64656;
    font-size: 14px;
    color: #fff;
    line-height: 24px;
    text-align: center;
    border-radius: 2px;
    margin-bottom: 8px;
    width: 81px;
    height: 24px;
    font-weight: 700 !important
}
.series-sale-label.on-thumb {
    position: absolute;
    bottom: 0;
    right: 0;
    border-radius: 2px 0 0 2px
}
.comment-section {
    width: 100%;
    font-size: 14px;
    line-height: 1.3;
    margin: 30px 0 50px;
    border-top: 1px solid #e6e6e6;
    position: relative;
    transform: scale(1)
}
.comment-section.more .comment-streams .comment-stream:last-child {
    border-bottom: 0 none
}
.comment-section.more .comment-streams > ul.children {
    border-bottom: 1px solid #f6f6f6;
}
.comment-section.more .more-bar {
    display: block
}
.comment-section .comment-header {
    font-size: 16px;
    color: #868696;
    position: relative;
    line-height: 1.2;
    padding-top: 15px;
    margin-bottom: 20px
}
.comment-section .comment-header .comment-cnt {
    font-weight: 700 !important;
    color: #a6a6a6
}
.comment-section .comment-header .dropdown-wrap {
    position: relative
}
.comment-section .comment-header .dropdown-wrap.mod-stats {
    position: absolute;
    left: 0;
    top: 15px
}
.comment-section .comment-header .dropdown-wrap.flex {
    min-width: 102px
}
.comment-section .comment-header .dropdown-wrap.flex .dropdown-btn, .comment-section .comment-header .dropdown-wrap.flex .dropdown-btn + .dropdown-options, .comment-section .comment-header .dropdown-wrap.flex .dropdown-btn + .dropdown-options .dropdown-option {
    width: 100%
}
.comment-section .comment-header .dropdown-btn {
    width: 102px;
    border-radius: 8px;
    font-size: 0;
    line-height: 0;
    background-color: rgba(38, 38, 54, .08)
}
.comment-section .comment-header .dropdown-btn.mod-tall .item-title {
    height: 40px;
    line-height: 40px
}
.comment-section .comment-header .dropdown-btn.mod-tall .item-title .ico {
    margin: 17px 16px 17px 8px
}
.comment-section .comment-header .dropdown-btn.on, .comment-section .comment-header .dropdown-btn:hover {
    background-color: hsla(240, 7%, 56%, .3)
}
.comment-section .comment-header .dropdown-btn.on {
    border-radius: 8px 8px 0 0
}
.comment-section .comment-header .dropdown-btn .item-title {
    display: inline-block;
    font-size: 0;
    line-height: 0;
    width: 100%;
    height: 32px;
    line-height: 32px
}
.comment-section .comment-header .dropdown-btn .item-title span {
    float: right;
    margin-right: 16px;
    font-weight: 700 !important;
    font-size: 14px;
    color: #464656;
    text-transform: capitalize
}
.comment-section .comment-header .dropdown-btn .item-title span.mod-normal {
    text-transform: none
}
.comment-section .comment-header .dropdown-btn .item-title span.mod-ink {
    color: #262636
}
.comment-section .comment-header .dropdown-btn .item-title .ico {
    float: left;
    margin: 13px 8px 13px 16px;
}
.comment-section .comment-header .dropdown-btn.on + .dropdown-options {
    display: block
}
.comment-section .comment-header .dropdown-btn.mod-tall + .dropdown-options {
    top: 40px;
    max-height: 600px;
    overflow: scroll
}
.comment-section .comment-header .dropdown-btn + .dropdown-options {
    position: absolute;
    top: 32px;
    font-size: 0;
    line-height: 0;
    z-index: 9;
    text-transform: capitalize;
    display: none
}
.comment-section .comment-header .dropdown-btn + .dropdown-options .dropdown-option {
    position: relative;
    width: 102px;
    background-color: #262636;
    text-transform: capitalize
}
.comment-section .comment-header .dropdown-btn + .dropdown-options .dropdown-option:hover {
    background-color: #464656
}
.comment-section .comment-header .dropdown-btn + .dropdown-options .dropdown-option:last-child {
    border-radius: 0 0 8px 8px
}
.comment-section .comment-header .dropdown-btn + .dropdown-options .dropdown-option.mod-tall .option-title {
    line-height: 40px
}
.comment-section .comment-header .dropdown-btn + .dropdown-options .dropdown-option.mod-normal {
    text-transform: none
}
.comment-section .comment-header .dropdown-btn + .dropdown-options .dropdown-option i {
    position: absolute;
    top: 12px;
    right: 15px
}
.comment-section .comment-header .dropdown-btn + .dropdown-options .option-title {
    display: block;
    padding: 0 0 0 12px;
    line-height: 32px;
    color: #fff;
    font-size: 14px;
    font-weight: 700 !important
}
.comment-section .write-box {
    margin-top: 10px;
    margin-bottom: 20px
}
.comment-section .write-box.on .me {
    display: block
}
.comment-section .write-box.on .input-wrap.collapsed {
    width: 100%
}
.comment-section .write-box .input-wrap .inner {
    padding-right: 0;
    margin-left: 0;
    margin-right: 20px;
    width: 90%;
}
#commentform .form-submit {
    display: none;
}
.comment-section .write-box.on .input-wrap .close, .comment-section .write-box.on .input-wrap .send-post {
    display: block
}
.comment-section .write-box .avatar-wrap {
    float: right;
}
.comment-section .write-box .avatar-wrap > a, .comment-section .write-box .avatar-wrap > img {
    width: 50px;
    height: 50px;
    overflow: hidden
}
.comment-section .write-box .me {
    display: none
}
.comment-section .write-box .left-arrow {
    position: absolute;
    top: 50%;
    transform: rotate(180deg);
    right: -8px;
    width: 0;
    height: 0;
    border: solid transparent;
    margin-top: -8px;
    border-width: 8px 8px 8px 0;
    border-right-color: #d6d6d6
}
.comment-section .write-box .left-arrow.in {
    right: -7px;
    transform: rotate(180deg);
    border-right-color: #fff
}
.comment-section .write-box .holder {
    display: block;
    cursor: pointer;
    position: relative
}
.comment-section .write-box .holder > span {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #fff
}
.comment-section .write-box .holder > span.v {
    width: 8px;
    height: 28px;
    margin: -14px 0 0 -4px
}
.comment-section .write-box .holder > span.h {
    width: 28px;
    height: 8px;
    margin: -4px 0 0 -14px
}
.comment-section .write-box .input-outer {
    margin-right: 60px
}
.clearfix {
    clear: both;
}
.comment-section .write-box .input-wrap {
    position: relative;
    border: 1px solid #d6d6d6;
    border-radius: 5px;
    transition: width .3s linear;
    background: #fff;
    box-sizing: border-box
}
.comment-section .write-box .input-wrap .inner {
    transition: padding .3s linear;
    padding: 0 15px;
    box-sizing: border-box
}
.comment-section .write-box .input-wrap .comment-body {
    font-weight: 700 !important;
    border: 0 none;
    box-shadow: none;
    resize: none;
    font-size: 16px;
    line-height: 22px;
    padding: 12px 0;
    overflow: hidden;
    min-height: 22px;
    outline: none;
    width: 100%;
    height: 22px;
    box-sizing: initial
}
.comment-section .write-box .input-wrap .comment-body:-moz-placeholder, .comment-section .write-box .input-wrap .comment-body::-moz-placeholder {
    color: #c6c6c6 !important;
    text-overflow: ellipsis
}
.comment-section .write-box .input-wrap .comment-body:-ms-input-placeholder {
    color: #c6c6c6 !important;
    text-overflow: ellipsis
}
.comment-section .write-box .input-wrap .comment-body::-webkit-input-placeholder {
    color: #c6c6c6 !important;
    text-overflow: ellipsis;
    line-height: normal
}
.comment-section .write-box .input-wrap .close, .comment-section .write-box .input-wrap .send-post {
    display: none;
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: -2px;
    left: -2px;
    line-height: 50px;
    background-color: #c6c6c6;
    text-align: center;
    border-radius: 5px 0 0 5px;
}
.comment-section .write-box .input-wrap .close:hover, .comment-section .write-box .input-wrap .send-post:hover {
    background-color: #26b6b6
}
.comment-section .write-box .input-wrap .close > i, .comment-section .write-box .input-wrap .send-post > i {
    vertical-align: middle
}
.comment-section .write-box .input-wrap .send-post {
    height: 100%;
    bottom: 0;
    margin-right: 2px;
    border-radius: 0 3px 3px 0
}
.comment-section .write-box .input-wrap .send-post > i {
    margin-bottom: 5px
}
.comment-section .write-box .input-wrap .send-post:hover {
    background-color: #d6d6d6
}
.comment-section .write-box .input-wrap .send-post.on {
    background-color: #868696
}
.comment-section .reply-streams.editing + .reply-write-wrap .open-reply {
    display: none
}
.comment-section .reply-streams > .reply-stream:last-child .vote-wrap > a:last-child {
    display: inline-block
}
.comment-section .reply-write-wrap .txt-btn {
    font-size: 12px
}
.comment-section .comment-streams.no-border .comment-stream:first-child {
    border-top: none
}
.comment-section .comment-streams.no-border .no-post {
    border: none
}
.comment-section .comment-streams .comment-stream {
    padding: 15px 0;
    border-bottom: 1px solid #f6f6f6;
}
.comments-wrap ul.children {
    margin-right: 60px;
}
.comments-wrap ul.children .comment-stream .body-wrap {
    margin-right: 42px;
}
.comments-wrap ul.children .comment-stream .avatar-wrap .avatar {
    width: 30px;
    height: auto;
}
.comments-wrap ul.children .comment-stream .avatar-wrap .avatar {
    width: 30px;
    height: auto;
}
.comment-section .comment-streams .reply-stream {
    padding: 5px 0
}
.comment-section .comment-streams .avatar-wrap {
    float: right;
}
.comment-section .comment-streams .avatar-wrap .avatar {
    display: block;
    width: 50px;
    height: 50px;
    overflow: hidden
}
.comment-section .comment-streams .avatar-wrap.reply .avatar {
    width: 32px;
    height: 32px
}
.comment-section .comment-streams .parent-body-wrap {
    position: relative
}
.comment-section .comment-streams .body-wrap {
    margin-right: 60px;
    position: relative
}
.comment-section .comment-streams .body-wrap.reply {
    margin-left: 42px
}
.comment-section .comment-streams .body-wrap.reply .comment-txt {
    margin-bottom: 5px
}
.comment-section .comment-streams .body-wrap .body-header {
    font-size: 12px;
    margin-bottom: 10px
}
.comment-section .comment-streams .body-wrap .body-header .commenter {
    font-weight: 700 !important;
    color: rgba(70, 70, 86, .6);
    font-size: 14px;
    vertical-align: bottom
}
.comment-section .comment-streams .body-wrap .body-header .commenter:hover {
    color: #464656
}
.comment-section .comment-streams .body-wrap .body-header .commenter-badge {
    font-weight: 700 !important;
    font-size: 10px;
    color: #fff;
    background-color: #868696;
    padding: 2px 5px;
    margin-left: 5px;
    border-radius: 7px;
    line-height: 13px;
    display: inline-block;
    text-transform: capitalize
}
.comment-section .comment-streams .body-wrap .body-header .commenter-badge.creator {
    background-color: #f6b606;
    color: #262636
}
.comment-section .comment-streams .body-wrap .body-header .date {
    font-size: 12px;
    color: #a6a6a6;
    display: inline-block;
    margin-right: 10px
}
.comment-section .comment-streams .body-wrap .comment-txt {
    font-size: 12px;
    word-wrap: break-word;
    color: #666676;
    margin-bottom: 12px;
    line-height: 2;
}
.comment-section .comment-streams .body-wrap .txt-btn {
    color: rgba(70, 70, 86, .5);
    font-size: 14px
}
.comment-section .comment-streams .body-wrap .txt-btn.mint {
    color: #56c676
}
.comment-section .comment-streams .body-wrap .txt-btn.bar {
    font-size: 12px;
    color: #868696;
    margin: 0 5px
}
.comment-section .comment-streams .body-wrap .txt-btn.disabled {
    color: #c6c6c6 !important;
    pointer-events: none
}
.comment-section .comment-streams .body-wrap .txt-btn:hover {
    color: #464656
}
.comment-section .comment-streams .body-wrap .txt-btn.depth {
    margin-left: 42px
}
.comment-section .comment-streams .body-wrap .txt-btn.depth .more-txt {
    display: inline
}
.comment-section .comment-streams .body-wrap .txt-btn .more-txt {
    display: none
}
.comment-section .comment-streams .body-wrap .edit-body, .comment-section .comment-streams .body-wrap .reply-body {
    border: 0 none;
    resize: none;
    color: #666676;
    font-size: 16px;
    line-height: 20px;
    min-height: 20px;
    width: 100%;
    height: 30px;
    overflow: hidden;
    padding: 5px 0;
    outline: none;
    margin-bottom: 10px;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
.comment-section .comment-streams .body-wrap .edit-body:-moz-placeholder, .comment-section .comment-streams .body-wrap .edit-body::-moz-placeholder, .comment-section .comment-streams .body-wrap .reply-body:-moz-placeholder, .comment-section .comment-streams .body-wrap .reply-body::-moz-placeholder {
    color: #c6c6c6 !important;
    text-overflow: ellipsis
}
.comment-section .comment-streams .body-wrap .edit-body:-ms-input-placeholder, .comment-section .comment-streams .body-wrap .reply-body:-ms-input-placeholder {
    color: #c6c6c6 !important;
    text-overflow: ellipsis
}
.comment-section .comment-streams .body-wrap .edit-body::-webkit-input-placeholder, .comment-section .comment-streams .body-wrap .reply-body::-webkit-input-placeholder {
    color: #c6c6c6 !important;
    text-overflow: ellipsis;
    line-height: normal
}
.comment-section .comment-streams .body-wrap .edit-body {
    padding: 0;
    line-height: 1.3;
    margin-bottom: 5px
}
.comment-section .comment-streams .body-wrap .edit-box {
    margin-bottom: 10px
}
.comment-section .comment-streams .reply-write {
    margin-top: 5px
}
.comment-section .comment-streams .reply-write .reply-body-wrap {
    margin-left: 42px
}
.comment-section .comment-streams .vote-wrap .vote-btn {
    display: inline;
    line-height: 36px;
}
.comment-section .comment-streams .downvote-btn i {
    font-size: 13px;
    color: #d32f2f;
}
.comment-section .comment-streams .upvote-btn i {
    color: #388E3C;
    font-size: 13px;
}
.comment-section .comment-streams .vote-wrap .vote-btn.upvote-btn.enter:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 6px;
    left: -10px;
    width: 23px;
    height: 40px;
    z-index: 1061
}
.comment-section .comment-streams .vote-wrap .up-count {
    font-size: 20px;
    color: #757575;
    vertical-align: top;
    font-weight: bold;
    font-family: yekan;
    margin: 0 3px;
}
.comment-section .comment-streams .vote-wrap .up-count.positive {
    color: #56c676
}
.comment-section .comment-streams .vote-wrap .up-count.negative {
    color: #f64656;
}
.comment-section .comment-streams .vote-wrap .open-reply {
    margin-left: 8px;
    vertical-align: middle
}
.comment-section .comment-streams .vote-wrap .reply-body-wrap {
    margin-left: 42px
}
.comment-section .comment-streams .vote-wrap .popover {
    width: 200px;
    padding: 10px;
    background-color: #262636;
}
.comment-section .comment-streams .vote-wrap .popover .arrow, .comment-section .comment-streams .vote-wrap .popover .arrow:after {
    border-top-color: #262636
}
.comment-section .comment-streams .vote-wrap .popover .popover-content {
    padding: 0;
    max-height: 372px;
    overflow-y: auto
}
.comment-section .comment-streams .vote-wrap .popover .voter-item {
    margin-bottom: 10px;
    line-height: 0
}
.comment-section .comment-streams .vote-wrap .popover .voter-item > img {
    margin-right: 10px;
    border-radius: 50%
}
.comment-section .comment-streams .vote-wrap .popover .voter-item > a {
    max-width: 138px;
    display: inline-block;
    line-height: 16px;
    font-size: 14px;
    color: #fff;
    vertical-align: middle;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}
.comment-section .comment-streams .vote-wrap .popover .voter-item > a:hover {
    color: #f6b606
}
.comment-section .comment-streams .vote-wrap .popover .voter-content {
    display: inline-block
}
.comment-section .comment-streams .vote-wrap .popover .voter-content.image {
    line-height: 0;
    margin-right: 8px
}
.comment-section .comment-streams .vote-wrap .popover .voter-content.name {
    font-size: 16px;
    color: #fff
}
.comment-section .comment-streams .vote-wrap .popover .voter-content.name > a:hover {
    color: #f6b606
}
.comment-section .manage-option {
    opacity: 0
}
.comment-section .manage-option:hover {
    opacity: 1 !important
}
.comment-section .body-header:focus .manage-option, .comment-section .body-header:hover .manage-option {
    opacity: .3
}
.comment-section .more-bar {
    overflow: hidden;
    border-top: 1px solid #e6e6e6;
    text-align: center;
    vertical-align: middle;
    background-color: #f6f6f6;
    line-height: 50px;
    display: none
}
.comment-section .more-bar .txt {
    font-size: 20px;
    font-weight: 700 !important;
    color: #c6c6c6;
    display: inline-block;
    cursor: pointer
}
.comment-section .more-bar .txt .num {
    font-weight: 700 !important
}
.comment-section .more-bar .txt:hover {
    color: #464656
}
.comment-section .more-bar .txt:hover .arrow-box {
    background-color: #26b6b6
}
.comment-section .more-bar:not(.has-third-party-comment) .load-more-comment {
    display: inline-block;
    width: 100%
}
.comment-section .more-bar:not(.has-third-party-comment) .load-more-comment:hover {
    background-color: #e6e6e6
}
.comment-section .more-bar.has-third-party-comment {
    text-align: left;
    padding: 0 13px
}
.comment-section .more-bar .third-party-comment > i {
    vertical-align: middle;
    margin-right: 5px
}
.comment-section .down-arrow {
    vertical-align: middle;
    display: inline-block;
    border-width: 5px 5px 0;
    border-style: solid;
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: #c6c6c6
}
.comment-filter-wrap {
    position: absolute;
    text-transform: none;
    top: 2px;
    right: 0;
    text-align: center
}
.comment-filter-wrap.manage-option .label-wrap {
    width: 56px;
    height: 32px
}
.comment-filter-wrap a {
    cursor: pointer;
    text-transform: capitalize
}
.comment-filter-wrap.on {
    z-index: 9
}
.comment-filter-wrap.on .label-wrap {
    background-color: hsla(240, 7%, 56%, .3);
    border-radius: 4px 4px 0 0;
    float: right
}
.comment-filter-wrap.on .txt {
    color: #262636 !important
}
.comment-filter-wrap.on .down-arrow {
    border-top-color: #262636 !important
}
.comment-filter-wrap.on .comment-filters {
    display: block
}
.comment-filter-wrap:hover .label-wrap {
    background-color: hsla(240, 7%, 56%, .3)
}
.comment-filter-wrap:hover .txt {
    color: #262636
}
.comment-filter-wrap:hover .down-arrow {
    border-top-color: #262636
}
.comment-filter-wrap .txt {
    color: #c6c6c6;
    font-weight: 700 !important;
    font-size: 14px;
    margin-right: 5px;
    line-height: 14px
}
.comment-filter-wrap .label-wrap {
    padding: 7px 8px 7px 12px;
    display: inline-block;
    border-radius: 4px
}
.comment-filter-wrap .label-wrap > i {
    vertical-align: middle
}
.comment-filter-wrap .comment-filters {
    display: none;
    background-color: #262636;
    width: 92px;
    text-transform: capitalize;
    margin-top: 34px
}
.comment-filter-wrap .comment-filters > li {
    text-align: left
}
.comment-filter-wrap .comment-filters > li > a {
    font-weight: 700 !important;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 32px;
    color: #d6d6d6;
    border-radius: 2px;
    padding-left: 12px
}
.comment-filter-wrap .comment-filters > li > a:hover {
    color: #fff;
    background-color: #464656
}
.individual-page-nav > a {
    display: inline-block;
    margin-left: 10px;
    font-size: 16px;
    color: #c6c6c6;
    line-height: 1.2
}
.individual-page-nav > a:hover {
    color: #262636
}
.comment-type-wrap {
    margin-bottom: 16px;
    border-bottom: 1px solid #f6f6f6;
    position: relative
}
.comment-type-wrap .comment-type {
    font-size: 0;
    line-height: 0;
    height: 41px;
    display: inline-block
}
.comment-type-wrap .comment-type li {
    position: relative;
    font-size: 0;
    line-height: 0;
    display: inline-block;
    margin-right: 10px;
    vertical-align: top
}
.comment-type-wrap .comment-type li:hover {
    border-bottom: 1px solid #868696
}
.comment-type-wrap .comment-type li:hover .ico {
    opacity: 1
}
.comment-type-wrap .comment-type li.on {
    border-bottom: 1px solid #262636
}
.comment-type-wrap .comment-type li.on .ico {
    opacity: 1
}
.comment-type-wrap .comment-type li a {
    display: block;
    text-align: center;
    margin-bottom: 1px
}
.comment-type-wrap .comment-type li a:hover {
    cursor: pointer;
    border-radius: 3px;
    background-color: #f6f6f6
}
.comment-type-wrap .comment-type li a.ico {
    padding: 0 7px;
    height: 40px;
    line-height: 40px
}
.comment-type-wrap .comment-type li a.ico i {
    vertical-align: middle;
    margin: 12px 5px;
    opacity: .5
}
.comment-type-wrap .comment-type li a > span {
    font-weight: 700 !important;
    font-size: 16px;
    color: #c6c6c6;
    vertical-align: middle
}
.comment-type-wrap .block-filter-wrap {
    display: inline-block;
    position: absolute;
    right: 0
}
.comment-type-wrap .block-filter-wrap a {
    cursor: pointer;
    text-transform: capitalize
}
.comment-type-wrap .block-filter-wrap.on {
    z-index: 9
}
.comment-type-wrap .block-filter-wrap.on .label-wrap {
    float: right
}
.comment-type-wrap .block-filter-wrap.on .block-filters {
    display: block
}
.comment-type-wrap .block-filter-wrap:hover .label-wrap .ico {
    opacity: 1
}
.comment-type-wrap .block-filter-wrap .label-wrap {
    padding-right: 12px;
    line-height: 47px
}
.comment-type-wrap .block-filter-wrap .label-wrap > i {
    vertical-align: middle;
    opacity: .6
}
.comment-type-wrap .block-filter-wrap .block-filters {
    display: none;
    background-color: #262636;
    width: 92px;
    text-transform: capitalize;
    margin-top: 47px
}
.comment-type-wrap .block-filter-wrap .block-filters > li {
    text-align: left
}
.comment-type-wrap .block-filter-wrap .block-filters > li > a {
    font-weight: 700 !important;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 32px;
    color: #fff;
    border-radius: 2px;
    padding-left: 12px
}
.comment-type-wrap .block-filter-wrap .block-filters > li > a:hover {
    color: #fff;
    background-color: #464656
}
.comment-type-wrap .tooltip .tooltip-inner {
    white-space: nowrap;
    font-weight: 700 !important
}
.comment-section.wall {
    border-top: 0;
    margin-bottom: 30px;
    margin-top: 0
}
.comment-section.wall button {
    border: 0
}
.comment-section.wall.individual {
    margin-top: 15px
}
.comment-section.wall.individual .comment-stream {
    border-top: 2px solid #f6f6f6
}
.comment-section.wall .no-post {
    border-top: 1px solid #f6f6f6;
    text-align: center
}
.comment-section.wall .no-post.nb {
    border: none
}
.comment-section.wall .no-post > i {
    margin: 60px 0 20px
}
.comment-section.wall .no-post p {
    font-weight: 700 !important;
    font-size: 16px;
    color: #a6a6a6
}
.comment-section.wall .comment-stream {
    padding: 10px;
}
.comment-section.wall .comment-stream.editing {
    margin-bottom: 0 !important
}
.comment-section.wall .comment-stream.editing .parent-body-wrap .body-header, .comment-section.wall .comment-stream.editing .parent-body-wrap .comment-txt, .comment-section.wall .comment-stream.editing .parent-body-wrap .preview-wrap, .comment-section.wall .comment-stream.editing .private-message {
    display: none
}
.comment-section.wall .comment-stream .comment-txt .original-comment {
    color: #464656;
    margin-top: 20px
}
.comment-section.wall .parent-body-wrap .comicthumb {
    float: right
}
.comment-section.wall .lock-wrap {
    background: url(../image/episode-lock-background.jpg) no-repeat 50%;
    background-size: cover
}
.comment-section.wall .lock-wrap .inner {
    max-width: 515px;
    padding: 140px 30px;
    text-align: center;
    margin: 0 auto
}
.comment-section.wall .lock-wrap .inner .title {
    color: #fff;
    font-size: 40px;
    margin-bottom: 20px;
    line-height: 42px
}
.comment-section.wall .lock-wrap .inner .desc {
    color: #e6e6e6;
    font-size: 20px;
    font-weight: 700 !important;
    margin-bottom: 30px;
    line-height: 20px
}
.comment-section.wall .avatar-wrap {
    position: relative
}
.comment-section.wall .avatar-wrap > i {
    position: absolute;
    bottom: 0;
    right: -5px
}
.comment-section.wall .audience-wrap {
    margin-bottom: 10px
}
.comment-section.wall .audience-wrap .avatar {
    font-size: 0;
    float: left
}
.comment-section.wall .audience-wrap .avatar .ico {
    vertical-align: middle
}
.comment-section.wall .audience-wrap .name {
    font-weight: 700 !important;
    color: #c6c6c6;
    font-size: 12px;
    padding-top: 3px;
    margin-left: 60px
}
.comment-section.wall .preview-wrap {
    margin-bottom: 10px;
    line-height: 0;
    position: relative
}
.comment-section.wall .preview-wrap .spinner {
    position: absolute;
    background: url(../image/basic-spinner.gif) no-repeat 50%;
    width: 90px;
    height: 90px;
    top: 0
}
.comment-section.wall .preview.thumb {
    max-width: 88px;
    max-height: 88px;
    border: 1px solid #a6a6a6;
    opacity: 1;
    transition: opacity .2s linear
}
.comment-section.wall .preview.thumb.fadeout {
    opacity: .3
}
.comment-section.wall .actions-wrap {
    margin: 10px 0 0;
    position: relative;
    min-height: 32px
}
.comment-section.wall .actions-wrap .p-btn {
    color: #fff
}
.comment-section.wall .actions-wrap .p-btn.w-text {
    padding: 0;
    width: 83px;
    position: relative;
    z-index: 1
}
.comment-section.wall .actions-wrap .p-btn:disabled {
    background-color: #c6c6c6
}
.comment-section.wall .actions-wrap .notify-subscribers {
    float: right;
    margin-right: 24px
}
.comment-section.wall .actions-wrap .tooltip {
    line-height: 1
}
.comment-section.wall .actions-wrap .tooltip .notify-desc {
    font-size: 16px
}
.comment-section.wall .actions-wrap .tooltip .notify-status {
    font-size: 20px
}
.comment-section.wall .actions-wrap .private-message {
    color: #a3a3ab;
    padding-right: 20px
}
.comment-section.wall .actions-wrap .private-message .inner {
    left: 14px
}
.comment-section.wall .actions-wrap .private-message .switch {
    left: 17px
}
.comment-section.wall .actions-wrap .private-message-checkbox {
    position: absolute;
    right: 5px;
    top: 7px;
    z-index: 0
}
.comment-section.wall .actions-wrap .private-message-checkbox:checked + .private-message {
    color: #464656
}
.comment-section.wall .actions-wrap .private-message-checkbox:focus + .private-message:after {
    outline: 1px dotted
}
.comment-section.wall .actions-wrap .preview-wrap {
    margin-bottom: 10px;
    line-height: 0
}
.comment-section.wall .actions-wrap .buttons-wrap {
    position: relative
}
.comment-section.wall .actions-wrap .buttons-wrap .buttons {
    font-size: 0
}
.comment-section.wall .actions-wrap .buttons-wrap .buttons .delete-image-btn-wrap {
    z-index: 1;
    position: relative;
    width: 32px
}
.comment-section.wall .actions-wrap .buttons-wrap .buttons .delete-image-btn-wrap, .comment-section.wall .actions-wrap .buttons-wrap .buttons .image-upload-btn {
    display: inline-block
}
.comment-section.wall .actions-wrap .buttons-wrap .buttons button {
    width: 83px;
    height: 32px;
    padding: 0
}
.comment-section.wall .actions-wrap .buttons-wrap .buttons .cancel-btn {
    margin-right: 10px;
    color: rgba(70, 70, 86, .5)
}
.comment-section.wall .actions-wrap .buttons-wrap .buttons .cancel-btn:hover {
    color: #464656
}
.comment-section.wall .actions-wrap .fake-upload-image-wrap {
    width: 32px;
    height: 32px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    opacity: 0
}
.comment-section.wall .actions-wrap .fake-upload-image-wrap .comment-image {
    line-height: 32px;
    width: 32px;
    cursor: pointer
}
.comment-section.wall .body-wrap .private-txt {
    display: inline-block !important
}
.comment-section.wall .body-wrap .reply-to-name {
    text-transform: lowercase
}
.comment-section.wall .body-wrap .paging-header {
    padding: 5px 0;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    margin: 15px 0
}
.comment-section.wall .body-wrap .paging-header .more-comments .txt {
    color: #a6a6a6
}
.comment-section.wall .body-wrap .paging-header .more-comments .arrow {
    display: inline-block;
    margin-left: 10px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #c6c6c6;
    border-bottom: 0 none
}
.comment-section.wall .body-wrap .paging-header .more-comments:hover .txt {
    color: #26b6b6
}
.comment-section.wall .body-wrap .paging-header .more-comments:hover .arrow {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #26b6b6;
    border-bottom: 0 none
}
.comment-section.wall .body-wrap .paging-header.expend .more-comments .arrow {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #c6c6c6;
    border-top: 0 none
}
.comment-section.wall .body-wrap .paging-header.expend .more-comments:hover .arrow {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #26b6b6;
    border-top: 0 none
}
#profile-page {
    z-index: 0;
    background-color: #fff;
    margin: 0 auto;
    width: 100%;
    min-width: 90%;
    max-width: 90%;
    min-height: 400px;
    box-sizing: border-box;
}
#profile-page .user-info-section {
    overflow: hidden;
    position: fixed;
    top: 60px;
    bottom: 0;
    width: 270px;
    z-index: 1
}
#profile-page .user-info-section.bar-space {
    top: 100px
}
#profile-page .user-info-section .scrollbar-wrap {
    height: 100%;
    overflow-y: scroll;
}
#profile-page .user-info-section .scrollbar-wrap .viewport {
    width: 260px;
    height: 100%
}
#profile-page .user-info-section .inner {
    width: 230px;
    padding: 32px 0 0 30px
}
#profile-page .user-info-section .inner .thumb-wrap {
    width: 200px;
    margin-bottom: 30px
}
#profile-page .user-info-section .inner .thumb-wrap .profile-thumb {
    border-radius: 100px;
    vertical-align: middle
}
#profile-page .user-info-section .inner .user-desc .support-btn {
    display: block;
    margin-bottom: 16px;
    line-height: 0;
    font-size: 14px
}
#profile-page .user-info-section .inner .user-desc .support-btn > i {
    margin: 10px 8px 10px 9px;
    vertical-align: middle;
    color: #fff;
    font-size: 19px;
}
#profile-page .user-info-section .inner .user-desc .support-btn > span {
    vertical-align: middle;
    font-size: 13px;
}
#profile-page .user-info-section .inner .user-desc .author {
    margin-bottom: 16px;
    line-height: 1.2;
    font-size: 40px;
    color: #464656;
    font-weight: 700 !important;
    word-wrap: break-word;
    text-align: center;
    font-family: kalame;
}
#profile-page .user-info-section .inner .user-desc .date {
    font-size: 12px;
    color: #c6c6c6;
    font-weight: 700 !important;
    text-align: center;
}
#profile-page .user-info-section .inner .user-desc .date i {
    margin: 0 5px 0 10px;
    vertical-align: baseline
}
#profile-page .user-info-section .inner .user-desc .blocked-user {
    color: #f64656;
    font-weight: 700 !important;
    margin: 0
}
#profile-page .user-info-section .inner .user-desc .blocked-user i {
    margin-right: 4px;
    vertical-align: middle
}
#profile-page .user-info-section .inner .user-desc .stats {
    margin: 20px 0 0
}
#profile-page .user-info-section .inner .user-desc .stats a {
    display: block
}
#profile-page .user-info-section .inner .user-desc .stats > li {
    color: #c6c6c6;
}
#profile-page .user-info-section .inner .user-desc .stats > li i {
    margin-right: 4px;
    opacity: .5;
    vertical-align: middle;
}
#profile-page .user-info-section .inner .user-desc .stats > li .num {
    vertical-align: text-bottom;
    color: #868696;
    font-size: 16px;
    opacity: .5
}
#profile-page .user-info-section .inner .user-desc .stats > li:hover .num, #profile-page .user-info-section .inner .user-desc .stats > li:hover i {
    opacity: 1
}
#profile-page .user-info-section .inner .user-desc .buttons-wrap {
    margin-bottom: 20px;
    font-size: 0;
    text-align: center;
    margin-top: 10px;
}
#profile-page .user-info-section .inner .user-desc .desc {
    font-size: 14px;
    line-height: 20px;
    color: #868696;
    text-align: center;
    font-family: Yekan-B;
}
#profile-page .user-info-section .inner .user-desc .tools-wrap {
    margin-bottom: 20px
}
#profile-page .user-info-section .inner .user-desc .tools-wrap a {
    color: #26b6b6
}
#profile-page .user-info-section .inner .user-desc h3 {
    font-size: 14px;
    color: #c6c6c6;
    font-weight: 700 !important
}
#profile-page .user-info-section .inner .user-desc .desc-proxy-wrap {
    margin-bottom: 12px
}
#profile-page .user-info-section .inner .user-desc .desc-proxy-wrap .desc-proxy {
    line-height: 20px
}
#profile-page .user-info-section .inner .user-desc .desc-proxy-wrap .desc-proxy.effect {
    max-height: 140px;
    overflow: hidden
}
#profile-page .user-info-section .inner .user-desc .desc-proxy-wrap .desc-proxy p {
    word-wrap: break-word;
    margin-bottom: 0
}
#profile-page .user-info-section .inner .user-desc .desc-proxy-wrap .arrow-btn {
    font-size: 16px;
    line-height: 16px;
    color: #c6c6c6;
    font-weight: 700 !important
}
#profile-page .user-info-section .inner .user-desc .desc-proxy-wrap .arrow-btn .ico {
    margin-left: 5px;
    vertical-align: middle
}
#profile-page .user-info-section .inner .user-desc .desc-proxy-wrap .arrow-btn:hover {
    color: #868696
}
#profile-page .user-info-section .inner .user-desc .user-sites .user-site {
    margin-bottom: 3px
}
#profile-page .user-info-section .inner .user-desc .user-sites .user-site i {
    margin-left: 6px;
    color: rgba(38, 38, 54, .6);
    font-size: 18px;
    vertical-align: middle;
}
#profile-page .user-info-section .inner .user-desc .user-sites .user-site .site-name {
    display: inline-block;
    font-size: 12px;
    vertical-align: top;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: Yekan-B;
    overflow: hidden
}
#profile-page .main {
    max-width: 1260px;
    background-color: #fff;
    padding-right: 260px;
    min-height: 100%
}
#profile-page .main > .inner {
    position: relative;
    line-height: 0;
    padding: 32px 0 0 40px;
    overflow: hidden;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    display: table;
    table-layout: fixed
}
#profile-page .main .right-aside {
    width: 380px;
    padding: 15px 40px 0 0;
    display: table-cell;
    vertical-align: top
}
#profile-page .main .right-aside > .inner {
    width: 100%;
    transform: scale(1)
}
#profile-page .main .right-aside > .inner.docked {
    position: fixed;
    top: 110px
}
#profile-page .main .right-aside > .inner.bottom-docked {
    position: fixed;
    bottom: 20px
}
#profile-page .main .right-aside > .inner.bottom {
    top: auto !important;
    bottom: 0 !important;
    position: absolute !important
}
.aside-wrap {
    font-size: 16px
}
.aside-wrap:not(:first-child) {
    margin-top: 32px
}
.aside-wrap .header {
    font-size: 16px;
    color: #c6c6c6;
    padding-bottom: 10px;
}
.aside-wrap .header > i {
    vertical-align: middle;
}
.aside-wrap .header .see-all {
    line-height: 1;
    float: right;
    padding: 3px 4px;
    font-size: 12px
}
.aside-wrap .header .see-all:hover .btn-label {
    color: #464656
}
.aside-wrap .header .see-all .btn-label {
    color: rgba(70, 70, 86, .5)
}
.aside-wrap .header .txt {
    color: #a6a6a6;
    font-size: 17px;
    font-family: yekan-b;
}
.aside-wrap .header .info {
    font-size: 14px
}
.aside-wrap .aside-list > li {
    padding: 8px 0;
    overflow: hidden
}
.aside-wrap .aside-list > li:hover .add-to-readinglist-btn {
    display: block
}
.aside-wrap .aside-list > li:first-child {
    padding-top: 16px
}
.aside-wrap .aside-list li.last-view img {
    height: auto;
}
.aside-wrap .aside-list .thumb-wrap {
    position: relative;
    float: right;
    margin-left: 12px;
    width: 60px;
    height: 60px;
}
.aside-wrap .aside-list .thumb-wrap .ico-mature {
    position: absolute;
    top: 4px;
    left: 4px
}
.aside-wrap .aside-list .series-info {
    margin-right: 72px;
    position: relative;
    font-size: 14px;
    color: #060616;
}
.aside-wrap .aside-list .series-info .title {
    font-weight: 700 !important;
    font-size: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-top: 5px;
    direction: ltr;
}
.aside-wrap .aside-list .series-info p {
    line-height: 20px
}
.aside-wrap .aside-list .series-info .desc {
    color: #464656;
    line-height: 14px;
    margin: 0
}
.aside-wrap .aside-list .series-info .date {
    font-size: 15px;
    margin-top: 9px;
    color: #c6c6c6;
    display: inline-block;
    font-family: Yekan-B;
}
.aside-wrap .aside-list .series-info .series-list {
    font-weight: 700 !important;
    color: #464656;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}
.global-stuff {
    position: relative;
    background-color: #fff
}
.global-stuff .fake-shortcut-nav {
    position: absolute;
    bottom: 20px
}
.global-stuff-inner {
    position: relative;
    height: 100%;
    padding-bottom: 88px;
    background: rgba(38, 38, 54, .9) url(../image/bg-banner.png) no-repeat 0 -165px;
    background-size: cover
}
.global-stuff-title-wrap {
    width: 100%;
    padding-top: 200px;
    text-align: center;
    color: #fff
}
.global-stuff-title-wrap .global-stuff-title {
    margin-bottom: 32px;
    line-height: 1;
    font-size: 48px;
    font-weight: 700 !important
}
.global-stuff-title-wrap .global-stuff-subtitle {
    margin-bottom: 48px;
    line-height: 1.2;
    font-size: 20px
}
.global-stuff-section {
    color: #262636
}
.global-stuff-section.mod-dark {
    background-color: #262636;
    color: #fff
}
.global-stuff-section .global-stuff-section-inner {
    max-width: 940px;
    margin: 0 auto;
    padding: 60px 0;
    text-align: center
}
.global-stuff-section .global-stuff-section-inner.mod-narrow {
    max-width: 748px
}
.global-stuff-section .global-stuff-section-inner .global-stuff-section-title {
    margin-bottom: 32px;
    font-size: 32px;
    font-weight: 700 !important
}
.global-stuff-section .global-stuff-section-inner .global-stuff-item-wrap p {
    line-height: 1.5;
    font-size: 16px
}
.dropdown-nav {
    display: none
}
.team .member {
    display: inline-block;
    width: 200px;
    text-align: center;
    vertical-align: top;
    margin: 0 24px 24px 0
}
.team .member i {
    display: block;
    margin: 0 auto;
    cursor: pointer
}
.team .member .desc p:first-child {
    color: #262636;
    font-size: 20px;
    margin: 12px 0 0;
    font-weight: 700 !important
}
.team .member .desc p:last-child {
    min-height: 51px;
    color: #f6b606;
    font-size: 16px;
    margin: 4px 0 0;
    line-height: 1.1
}
.team .member .desc p:last-child.on {
    padding: 0 9px
}
.resources .item-wrap {
    display: inline-block;
    width: 192px;
    height: 198px;
    padding: 24px;
    cursor: pointer
}
.resources .item-wrap:nth-child(2) {
    margin: 0 36px
}
.resources .item-wrap:hover {
    background: hsla(0, 0%, 100%, .1);
    border-radius: 5px
}
.resources .item-wrap .item {
    width: 144px;
    height: 150px;
    text-align: center
}
.resources .item-wrap a {
    display: block
}
.resources .item-wrap a i {
    display: block;
    margin: 0 auto
}
.resources .item-wrap p {
    font-weight: 700 !important;
    font-size: 20px !important;
    margin: 9px 0 0
}
.news {
    overflow: hidden;
}
.news .story {
    display: inline-block;
    width: 280px;
    vertical-align: top;
    margin-bottom: 40px;
    margin-right: 40px;
    cursor: pointer
}
.news .story:nth-child(3n) {
    margin-right: 0
}
.news .story a {
    height: 120px;
    margin-bottom: 12px;
    display: block;
    text-align: center
}
.news .story a span {
    display: block;
    line-height: 120px;
    font-weight: 700 !important;
    font-size: 30px;
    color: #fff;
    background-color: #d6d6d6
}
.news .story p {
    min-height: 48px;
    margin: 8px 0 0;
    line-height: 24px;
    font-size: 16px;
    color: #464656;
    text-align: center
}
.pagination, .pagination-wrap {
    text-align: center
}
.pagination {
    margin: 40px 0 0;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.pagination .page-item .page-dot {
    display: block;
    width: 12px;
    height: 12px;
    border: none;
    background-color: #464656;
    opacity: .2;
    border-radius: 6px;
    margin: 12px 16px 12px 0;
    cursor: pointer
}
.pagination .page-item .page-dot.last {
    margin-right: 0
}
.pagination .page-item .page-link {
    width: 100px;
    font-weight: 700 !important;
    font-size: 20px;
    color: #fff;
    background-color: #464656;
    border: none;
    border-radius: 18px;
    line-height: 1.8;
    padding: 0;
    opacity: .2
}
.pagination .page-item .page-link:hover {
    color: #fff;
    background-color: #464656;
    cursor: pointer
}
.pagination .page-item.active .page-dot, .pagination .page-item.active .page-link {
    opacity: 1
}
.pagination .page-item.first {
    margin-right: 24px
}
.pagination .page-item.first .page-link:after {
    content: "Newer"
}
.pagination .page-item.last {
    margin-left: 24px
}
.pagination .page-item.last .page-link:after {
    content: "Older"
}
.options-page .thumbnail-section {
    position: relative;
    width: 200px;
    margin-left: 40px;
    float: right;
    text-align: center;
}
.options-page .thumbnail-section .profile-thumbnail {
    position: relative
}
.options-page .thumbnail-section .title {
    font-weight: 700 !important;
    font-size: 40px;
    color: #464656;
    margin-bottom: 60px
}
.options-page .thumbnail-section .thumb-preview-wrap .preview {
    border-radius: 100px
}
.options-page .thumbnail-section .buttons-wrap {
    position: absolute;
    top: 0;
    text-align: center;
    width: 200px;
    height: 200px;
    border-radius: 100px
}
.options-page .thumbnail-section .buttons-wrap .tip {
    margin-top: 10px;
    font-size: 12px;
    color: #868696
}
.options-page .thumbnail-section .buttons-wrap .fake-button-wrap {
    font-size: 32px;
    width: 200px;
    height: 200px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 45%;
    margin-left: -90px;
    border-radius: 100px;
    opacity: 0
}
.options-page .thumbnail-section .buttons-wrap .fake-button-wrap .thumb-file {
    width: 200px;
    height: 200px;
    cursor: pointer;
    border-radius: 100px
}
.options-page .thumbnail-section .buttons-wrap .fake-button-wrap:hover + .cap-btn span {
    background-color: #26b6b6
}
.options-page .thumbnail-section .buttons-wrap .fake-button-title {
    display: none;
    position: relative;
    vertical-align: middle;
    font-size: 24px;
    color: #fff;
    text-decoration: none;
    line-height: 195px
}
.options-page .thumbnail-section .buttons-wrap:hover {
    background-color: #262636;
    opacity: .6
}
.options-page .thumbnail-section .buttons-wrap:hover .fake-button-title {
    display: block
}
.options-page .info-section {
    margin-right: 240px
}
#inventory-form .info-section {
    margin-right: 0
}
#inventory-form {
    display: none;
}
.options-page .info-section.mod-setting {
    margin-bottom: 60px
}
.options-page .info-section a {
    color: #26b6b6
}
.options-page .info-section .title {
    font-size: 40px;
    color: #464656;
    margin-bottom: 32px
}
.options-page .info-section .title.half {
    margin-bottom: 30px
}
.options-page .info-section .sub-title {
    font-weight: 700 !important;
    font-size: 16px;
    color: #a6a6a6;
    margin-bottom: 30px
}
.options-page .info-section .title-wrap {
    overflow: hidden;
    margin-bottom: 60px
}
.options-page .info-section .title-wrap .title {
    display: inline;
    float: left;
    margin-bottom: 0
}
.options-page .info-section .title-wrap .support-tip {
    display: inline;
    float: left;
    margin-top: 13px;
    margin-left: 10px;
    font-size: 20px;
    color: #a6a6a6
}
.options-page .info-section .title-wrap .support-tip .punc-tip {
    font-size: 16px
}
.options-page .info-section .title-wrap .support-tip .punc-tip > a {
    font-weight: 700 !important
}
.options-page .info-section .row {
    padding: 40px 0;
    margin-right: 0;
    margin-left: 0;
    border-bottom: 1px solid #c6c6c6
}
.options-page .info-section .row.light {
    border-color: #e6e6e6
}
.options-page .info-section .row.no-line {
    border: none
}
.options-page .info-section .row .row-title {
    margin-bottom: 32px;
    font-weight: 700 !important;
    font-size: 20px;
    color: #a6a6a6;
    text-transform: uppercase
}
.options-page .info-section .row-label {
    font-weight: 700 !important;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 28px;
    color: #868696
}
.options-page .info-section .row-label .tip {
    font-weight: 400 !important;
    text-transform: none;
    font-size: 12px;
    float: left;
    text-align: right;
    color: #a6a6a6
}
.options-page .info-section .junk-warning {
    color: #f68606;
    margin: 20px 0 0
}
.options-page .info-section .row-input {
    margin: 10px 0 40px
}
.options-page .info-section .row-input.setting {
    margin: 0 0 32px
}
.options-page .info-section .row-input.address-wrap {
    min-height: 372px
}
.options-page .info-section .row-input.lg {
    margin-bottom: 48px
}
.options-page .info-section .row-input.sm {
    margin: 8px 0 20px
}
.options-page .info-section .row-input .notification-tip {
    font-weight: 700 !important;
    font-size: 14px;
    margin-left: 110px;
    line-height: 32px;
    color: #868696
}
.options-page .info-section .row-input .field-error {
    margin-top: 10px;
    font-size: 16px
}
.options-page .info-section .row-input .add-another-btn > i {
    vertical-align: middle
}
.options-page .info-section .row-input .inner {
    font-size: 0;
    margin-bottom: 10px
}
.onoff-switch-wrap .onoff-switcher:checked + .onoff-switch-label .inner {
    margin-right: 0;
}
.options-page .info-section .row-input .dropdown-menu {
    position: absolute;
    width: 463px;
    background-color: #e6e6e6;
    max-height: 150px;
    overflow: scroll;
    font-size: 16px;
    border: 1px solid #c6c6c6;
    border-radius: 3px
}
.options-page .info-section .row-input .dropdown-menu li {
    padding: 10px 15px
}
.options-page .info-section .row-input .dropdown-menu li:hover {
    cursor: pointer;
    background-color: #c6c6c6
}
.options-page .info-section .row-input .dropdown-menu li.selected {
    background-color: #c6c6c6
}
.options-page .info-section .row-input .input-wrap {
    position: relative;
    font-size: 0;
    line-height: 48px;
    border-radius: 3px;
    border: 1px solid #c6c6c6
}
.options-page .info-section .row-input .input-wrap.mod-white {
    background-color: #fff
}
.options-page .info-section .row-input .input-wrap.mod-padding {
    padding: 1px
}
.options-page .info-section .row-input .input-wrap.website {
    display: inline-block;
    width: 398px;
    margin-right: 10px
}
.options-page .info-section .row-input .input-wrap.website .text {
    width: 335px;
    font-size: 20px
}
.options-page .info-section .row-input .input-wrap.short-label {
    display: inline-block;
    padding-left: 3px;
    width: 185px
}
.options-page .info-section .row-input .input-wrap.short-label .text {
    width: 172px;
    font-size: 20px
}
.options-page .info-section .row-input .input-wrap.disabled {
    background-color: #e6e6e6
}
.options-page .info-section .row-input .input-wrap.disabled .text {
    background-color: #e6e6e6 !important
}
.options-page .info-section .row-input .input-wrap .ico-wrap {
    display: inline-block;
    width: 48px;
    text-align: center;
    line-height: 48px
}
.options-page .info-section .row-input .input-wrap .ico-wrap.mod-ico {
    position: absolute
}
.options-page .info-section .row-input .input-wrap .ico-wrap > i {
    vertical-align: middle;
    font-size: 24px;
    color: #a2a2aa;
}
.options-page .info-section .row-input .input-wrap .dropdown-arrow {
    position: absolute;
    background-color: #c6c6c6;
    width: 24px;
    height: 50px;
    left: 439px;
    top: 0;
    border: 1px solid #c6c6c6;
    border-radius: 0 3px 3px 0
}
.options-page .info-section .row-input .input-wrap .dropdown-arrow.selected, .options-page .info-section .row-input .input-wrap .dropdown-arrow:hover {
    background-color: #464656;
    border-color: #464656
}
.options-page .info-section .row-input .input-wrap .dropdown-arrow i {
    margin-left: 7px;
    vertical-align: text-top
}
.options-page .info-section .row-input .input-wrap input[readonly] {
    background-color: #fff
}
.options-page .info-section .row-input .text {
    width: 90%;
    box-sizing: border-box;
    height: 42px;
    border: 0 none;
    box-shadow: none;
    line-height: 40px;
    padding: 4px 6px;
    margin: 0;
    cursor: auto !important;
    font-size: 16px;
    color: #464656;
    font-weight: 400 !important
}
.options-page .info-section .row-input .text::-webkit-input-placeholder {
    color: #c6c6c6 !important
}
.options-page .info-section .row-input .text::-moz-placeholder {
    color: #c6c6c6 !important
}
.options-page .info-section .row-input .textarea {
    width: 92%;
    height: 190px;
    padding: 16px 48px 10px 5px;
    border: 0 none;
    box-shadow: none;
    font-size: 16px;
    line-height: 1.3;
    box-sizing: border-box;
    resize: none;
}
.options-page .info-section .row-split {
    float: left
}
.options-page .info-section .row-split input {
    width: 451px !important
}
.options-page .info-section .row-split input.md {
    width: 214px !important
}
.options-page .info-section .row-split input.sm {
    width: 213px !important
}
.options-page .info-section .row-split input.dropdown-input {
    width: 427px !important;
    padding-right: 30px
}
.options-page .info-section .row-square {
    border-radius: 3px;
    background-color: #e6e6e6;
    padding: 30px 20px;
    margin-top: 70px
}
.options-page .info-section .row-square .row-label {
    margin-bottom: 30px
}
.options-page .info-section .row-square .row-mention {
    margin-bottom: 26px;
    font-weight: 700 !important;
    font-size: 16px;
    color: #464656
}
.options-page .info-section .row-square .row-mention:last-child {
    margin-bottom: 0
}
.options-page .info-section .mod-save-btn {
    width: 60px;
    height: 32px;
    line-height: 1;
    color: #fff
}
.blocked-user-table ul {
    font-size: 0;
    line-height: 0
}
.blocked-user-table ul li {
    width: 280px;
    display: inline-block;
    margin: 0 50px 20px 0;
    padding: 2px 0
}
.blocked-user-table ul li:nth-child(3n) {
    margin-right: 0
}
.blocked-user-table ul li > img, .blocked-user-table ul li a, .blocked-user-table ul li p {
    display: inline-block;
    vertical-align: middle
}
.blocked-user-table ul li .name {
    width: 180px;
    margin-right: 11px;
    line-height: 32px;
    font-size: 20px;
    font-weight: 700 !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}
.blocked-user-table ul li .unblock-btn {
    line-height: 18px;
    font-size: 12px;
    color: rgba(70, 70, 86, .5);
    font-weight: 700 !important;
    vertical-align: bottom
}
.blocked-user-table ul li .unblock-btn:hover {
    color: #56c676
}
.password-input-wrap {
    position: relative;
    border: 1px solid #c6c6c6;
    border-radius: 3px
}
.password-input-wrap .ico-wrap {
    position: absolute;
    width: 48px;
    height: 48px
}
.password-input-wrap .ico-wrap > i {
    margin: 14px 17px
}
.password-input-wrap .text {
    margin-left: 48px;
    width: 240px;
    border: none;
    border-radius: 0 3px 3px 0
}
#delete-account-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 345px;
    height: 540px;
    background-color: #f6f6f6;
    padding: 25px 40px;
    border-radius: 5px;
}
#delete-account-wrap header {
    overflow: hidden;
    text-align: center;
    margin-bottom: 15px
}
#delete-account-wrap header p {
    line-height: 1.5;
    margin: 0;
    font-size: 20px;
    color: #464656;
    font-weight: 700 !important;
    text-transform: uppercase
}
#delete-account-wrap header img {
    margin-top: 30px
}
#delete-account-wrap header .close-btn {
    display: block;
    float: right;
    width: 19px;
    height: 19px;
    padding: 5px
}
#delete-account-wrap section p {
    font-size: 16px;
    color: #868696;
    line-height: 1.5;
    margin-bottom: 30px
}
#delete-account-wrap section p:first-child {
    color: #464656
}
#delete-account-wrap footer {
    font-size: 0
}
#delete-account-wrap footer .p-btn {
    width: 210px;
    height: 50px;
    font-size: 20px;
    line-height: 1.9
}
#delete-account-wrap footer .p-btn:first-child {
    width: 100px
}
.deletion-error-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #f6f6f6;
    padding: 25px 40px;
    border-radius: 5px
}
.deletion-error-wrap p {
    font-weight: 700 !important;
    font-size: 16px;
    color: #868696;
    line-height: 1.5
}
#cropping-tool-wrap {
    height: 100%;
    padding: 30px 30px 0;
    box-sizing: border-box;
    position: relative;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
#cropping-tool-wrap .inner {
    display: inline-block;
    vertical-align: middle;
    padding-bottom: 30px;
    max-height: inherit
}
#cropping-tool-wrap .cropping-tool-box {
    position: relative;
    z-index: 1
}
#cropping-tool-wrap .cropping-tool-box .filter {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .32)
}
#cropping-tool-wrap .cropping-tool-box .target-img {
    display: block;
    margin: 0 auto;
    border: 1px solid #262636
}
#cropping-tool-wrap .cropping-area {
    line-height: 0;
    position: absolute;
    border: 1px solid rgba(246, 182, 6, .8);
    cursor: move;
    background-repeat: no-repeat
}
#cropping-tool-wrap .cropping-area .edge {
    border-radius: 50%;
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #f6b606
}
#cropping-tool-wrap .cropping-area .edge.n {
    top: -5px
}
#cropping-tool-wrap .cropping-area .edge.s {
    bottom: -5px
}
#cropping-tool-wrap .cropping-area .edge.e {
    right: -5px
}
#cropping-tool-wrap .cropping-area .edge.w {
    left: -5px
}
#cropping-tool-wrap .nav .btn {
    border-radius: 3px;
    position: absolute;
    top: 50%;
    margin-top: -16px;
    background-color: #c6c6c6;
    opacity: .4;
    line-height: 32px
}
#cropping-tool-wrap .nav .btn.prev {
    left: -52px
}
#cropping-tool-wrap .nav .btn.next {
    right: -52px
}
#cropping-tool-wrap .nav .btn > i {
    vertical-align: middle
}
#cropping-tool-wrap .nav .btn:hover {
    opacity: 1
}
#cropping-tool-wrap .footer {
    padding-top: 12px;
    font-size: 0;
    line-height: 0
}
#cropping-tool-wrap .footer .mod-btn {
    width: 120px;
    line-height: 32px;
    color: #fff
}
#cropping-tool-wrap .footer .mod-btn.cancel {
    margin-right: 20px
}
.dashboard-header-wrap {
    min-height: 100px;
    background-color: #F5F5F5
}
.dashboard-header-wrap .dashboard-header {
    width: 80%;
    margin: 0 auto;
    display: table
}
.dashboard-header-wrap .dashboard-header .left-side {
    float: right
}
.dashboard-header-wrap .dashboard-header .left-side ul > li {
    margin-right: 20px
}
.dashboard-header-wrap .dashboard-header .right-side {
    float: right
}
.dashboard-header-wrap .dashboard-header ul {
    font-size: 0;
    line-height: 0
}
.dashboard-header-wrap .dashboard-header ul li {
    display: inline-block;
    min-width: 100px;
    height: 80px;
    margin-top: 10px
}
.dashboard-header-wrap .dashboard-header ul li a {
    display: block;
    height: 100%;
    text-align: center;
    opacity: .3
}
.dashboard-header-wrap .dashboard-header ul li a .ico {
    margin: 16px 0 6px
}
.dashboard-header-wrap .dashboard-header ul li a i {
    margin: 16px 0 6px;
    font-size: 32px;
    color: #333
}
.dashboard-header-wrap .dashboard-header ul li a .ico.mod-margin18 {
    margin: 18px 0 8px
}
.dashboard-header-wrap .dashboard-header ul li a .ico.mod-margin20 {
    margin: 20px 0 10px
}
.dashboard-header-wrap .dashboard-header ul li.on a, .dashboard-header-wrap .dashboard-header ul li a:hover {
    background-color: #f6f6f6;
    border-radius: 4px;
    opacity: 1
}
.dashboard-header-wrap .dashboard-header ul .tab-title {
    font-weight: 700 !important;
    font-size: 14px;
    color: #464656;
    line-height: 18px;
    margin: 0;
    text-transform: capitalize
}
#dashboard-shortcut-nav {
    border-bottom: 1px solid transparent
}
#dashboard-shortcut-nav .inner {
    width: 90%;
    margin: 0 auto;
    text-align: left
}
.review .inner {
    width: 80%;
    margin: 0 auto;
}
#dashboard-shortcut-nav .inner .shortcut-wrap {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #d6d6d6;
    padding: 0;
    overflow: inherit
}
#dashboard-shortcut-nav .inner .shortcut-wrap.no-border {
    border: none
}
#dashboard-shortcut-nav .inner .shortcut-wrap .shortcut-item.buttons-wrap {
    float: left;
    margin-top: 10px;
    margin-right: 10px
}
#dashboard-shortcut-nav .inner .shortcut-wrap .shortcut-item.buttons-wrap.mod-wrap {
    margin-top: 10px
}
#dashboard-shortcut-nav .inner .shortcut-wrap .shortcut-item .item-title {
    font-weight: 700 !important;
    width: 100%;
    font-size: 14px;
    margin: 0 53px -1px 0;
    border-bottom: 1px solid #d6d6d6;
    text-transform: capitalize;
}
#dashboard-shortcut-nav .inner .shortcut-wrap .shortcut-item .item-title.selected {
    border-bottom: 1px solid #464656
}
#dashboard-shortcut-nav .inner .shortcut-wrap .shortcut-item .link-item-title {
    display: block;
    font-weight: 700 !important;
    width: 100%;
    font-size: 15px;
    padding: 19px 0;
    line-height: 22px;
    color: #868696;
}
#dashboard-shortcut-nav .inner .shortcut-wrap .shortcut-item .link-item-title .ico {
    vertical-align: middle;
    transform: rotate(180deg);
    margin-left: 9px;
}
#dashboard-shortcut-nav .inner .shortcut-wrap .shortcut-item .shortcut-btn {
    width: 120px;
    height: 40px;
    line-height: 40px
}
#dashboard-shortcut-nav .inner .shortcut-wrap .shortcut-item .shortcut-btn.mod-width {
    width: 122px
}
#dashboard-shortcut-nav .inner .shortcut-wrap .shortcut-item .shortcut-btn.mod-width > i {
    margin: 12px 8px 12px 12px
}
#dashboard-shortcut-nav .inner .shortcut-wrap .shortcut-item .shortcut-btn.disabled {
    background-color: #e6e6e6;
    cursor: not-allowed
}
#dashboard-shortcut-nav.docked {
    border-bottom: 1px solid #d6d6d6
}
#dashboard-shortcut-nav.docked .shortcut-wrap {
    border: none !important
}
#dashboard-shortcut-nav.docked .shortcut-wrap .item-title:not(.selected) {
    border-bottom: 1px solid #d6d6d6
}
.dashboard-page-wrap {
    margin: 0 auto;
    width: 80%
}
.dashboard-page-wrap .activate-btn {
    width: 130px;
    height: 40px;
    line-height: 37px
}
.dashboard-page-wrap.dark {
    width: 100%;
    background-color: #f6f6f6
}
.dashboard-page-wrap.dark.thick {
    background-color: #e6e6e6;
    margin-top: 0
}
.dashboard-page-wrap.dark .dashboard-page {
    max-width: 80%;
    margin: 0 auto
}
.pagination--fixed {
    position: absolute;
    top: -64px;
    left: 0;
}
.dashboard-page-wrap.dark .tooltip-inner {
    font-weight: 400 !important;
    font-size: 16px
}
.dashboard-page-wrap.dark #chart-bar {
    color: #f6b606
}
.dashboard-page-wrap .left-side {
    width: 600px;
    float: left
}
.dashboard-page-wrap .right-side {
    width: 300px;
    margin-left: 640px;
    position: static
}
.dashboard-page-wrap .right-side.episode-step1 {
    padding-top: 130px
}
.dashboard-page-wrap .right-side.top {
    padding-top: 60px
}
.dashboard-page-wrap .right-side.h-top {
    padding-top: 70px
}
.dashboard-page-wrap .episode-info-wrap {
    max-width: 940px;
    margin: 0 auto;
    overflow: hidden
}
.dashboard-page-wrap .count-wrap {
    display: inline-block;
    vertical-align: bottom;
    font-size: 16px;
    color: rgba(38, 38, 54, .3);
    font-weight: 700 !important
}
.dashboard-page-wrap .count-wrap > span {
    color: #262636;
    line-height: 24px
}
.dashboard-page-wrap .episode-tip {
    float: right;
    line-height: 32px;
    font-size: 14px;
    color: #868696;
    font-weight: 700 !important
}
.dashboard-page-wrap .episode-tip a {
    color: #262636
}
.dashboard-page {
    padding: 20px 0
}
.dashboard-page.mod-dashboard {
    padding: 0 !important;
    margin: 0 auto 60px
}
.dashboard-page > .inner {
    position: relative;
    width: 600px
}
.dashboard-page > .inner.wide {
    width: 80%
}
.dashboard-page > .inner.wide.message {
    margin: 0 auto;
}
.dashboard-page > .inner.empty {
    font-size: 0
}
.dashboard-page > .inner.split {
    width: 940px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 600px auto;
    grid-template-columns: 600px auto;
    grid-gap: 40px
}
.dashboard-page .content-min-height {
    min-height: 150px
}
.dashboard-page .section-title {
    position: relative;
    margin-bottom: 24px;
    line-height: 36px;
    font-size: 21px;
    color: #262636;
    font-weight: 700 !important;
}
.dashboard-page .section-title i {
    font-size: 35px;
    vertical-align: middle;
    margin-left: 5px;
}
.dashboard-page .section-title.has-sub {
    margin-bottom: 8px
}
.dashboard-page .section-title .scene {
    display: inline-block;
    line-height: 18px;
    font-size: 14px;
    color: #666676;
    margin: 0 15px 0 0;
    vertical-align: bottom;
    font-weight: 700 !important
}
.dashboard-page .section-title .input-title {
    width: 100%;
    min-height: 40px;
    padding: 0;
    line-height: 40px;
    font-size: 32px;
    font-weight: 700 !important;
    border: 0 none
}
.dashboard-page .section-title .input-title:-moz-placeholder, .dashboard-page .section-title .input-title::-moz-placeholder {
    color: #d6d6d6 !important;
    text-overflow: ellipsis
}
.dashboard-page .section-title .input-title:-ms-input-placeholder {
    color: #d6d6d6 !important;
    text-overflow: ellipsis
}
.dashboard-page .section-title .input-title::-webkit-input-placeholder {
    color: #d6d6d6 !important;
    text-overflow: ellipsis;
    line-height: normal
}
.dashboard-page .section-title .mod-supporter {
    position: relative;
    display: inline-block;
    width: 36px;
    height: 36px;
    font-size: 0;
    line-height: 0;
    vertical-align: top
}
.dashboard-page .section-subtitle {
    position: relative;
    margin-bottom: 24px;
    line-height: 20px;
    font-size: 15px;
    color: #868696;
    font-weight: 400 !important
}
.dashboard-page .section-legend {
    position: relative;
    margin: 40px 0 30px;
    line-height: 36px;
    font-size: 24px;
    color: #262636;
    font-weight: 700 !important
}
.dashboard-page .section-inner-title {
    margin-top: 40px;
    margin-bottom: 6px;
    line-height: 25px;
    font-size: 20px;
    color: #464656;
    font-weight: 700 !important
}
.dashboard-page .num-of-stats {
    overflow: hidden;
    margin-bottom: 16px;
    font-weight: 400 !important
}
.dashboard-page .num-of-stats > li {
    float: left;
    font-size: 0;
    line-height: 0;
    padding-right: 12px
}
.dashboard-page .num-of-stats > li .ico {
    margin-right: 4px;
    vertical-align: middle
}
.dashboard-page .num-of-stats .count {
    display: block;
    font-size: 0;
    line-height: 0;
    color: rgba(70, 70, 86, .5)
}
.dashboard-page .num-of-stats .count:hover {
    color: #464656
}
.dashboard-page .num-of-stats .count:hover i {
    opacity: 1
}
.dashboard-page .num-of-stats .count i {
    opacity: .5
}
.dashboard-page .num-of-stats .count span {
    font-size: 12px;
    vertical-align: middle
}
.dashboard-page .tags {
    width: 600px;
    font-size: 0;
    line-height: 0;
    margin: -30px 0 40px;
    min-height: 1px
}
.dashboard-page .tags .tag-wrap {
    vertical-align: middle;
    display: inline-block;
    font-size: 16px;
    color: #fff;
    background-color: #26b6b6;
    padding: 0 10px;
    border-radius: 3px;
    margin: 0 5px 5px 0;
    line-height: 30px
}
.dashboard-page .tags .tag-wrap .tag-x {
    display: inline-block;
    margin-left: 5px;
    color: #fff;
    font-weight: 400 !important
}
.dashboard-page .menu-wrap {
    display: block;
    margin-bottom: 20px;
    height: 40px
}
.dashboard-page .menu-wrap .dropdown-wrap {
    position: relative
}
.dashboard-page .menu-wrap .dropdown-wrap.mod-stats {
    position: absolute;
    right: 0;
    top: 0
}
.dashboard-page .menu-wrap .dropdown-wrap.flex {
    min-width: 125px
}
.dashboard-page .menu-wrap .dropdown-wrap.flex .dropdown-btn, .dashboard-page .menu-wrap .dropdown-wrap.flex .dropdown-btn + .dropdown-options, .dashboard-page .menu-wrap .dropdown-wrap.flex .dropdown-btn + .dropdown-options .dropdown-option {
    width: 100%
}
.dashboard-page .menu-wrap .dropdown-btn {
    width: 125px;
    border-radius: 8px;
    font-size: 0;
    line-height: 0;
    background-color: rgba(38, 38, 54, .08)
}
.dashboard-page .menu-wrap .dropdown-btn.mod-tall .item-title {
    height: 40px;
    line-height: 40px
}
.dashboard-page .menu-wrap .dropdown-btn.mod-tall .item-title .ico {
    margin: 17px 16px 17px 8px
}
.dashboard-page .menu-wrap .dropdown-btn.on, .dashboard-page .menu-wrap .dropdown-btn:hover {
    background-color: hsla(240, 7%, 56%, .3)
}
.dashboard-page .menu-wrap .dropdown-btn.on {
    border-radius: 8px 8px 0 0
}
.dashboard-page .menu-wrap .dropdown-btn .item-title {
    display: inline-block;
    font-size: 0;
    line-height: 0;
    width: 100%;
    height: 32px;
    line-height: 32px
}
.dashboard-page .menu-wrap .dropdown-btn .item-title span {
    float: left;
    margin-left: 16px;
    font-weight: 700 !important;
    font-size: 14px;
    color: #464656;
    text-transform: capitalize
}
.dashboard-page .menu-wrap .dropdown-btn .item-title span.mod-normal {
    text-transform: none
}
.dashboard-page .menu-wrap .dropdown-btn .item-title span.mod-ink {
    color: #262636
}
.dashboard-page .menu-wrap .dropdown-btn .item-title .ico {
    float: right;
    margin: 13px 16px 13px 8px
}
.dashboard-page .menu-wrap .dropdown-btn.on + .dropdown-options {
    display: block
}
.dashboard-page .menu-wrap .dropdown-btn.mod-tall + .dropdown-options {
    top: 40px;
    max-height: 600px;
    overflow: scroll
}
.dashboard-page .menu-wrap .dropdown-btn + .dropdown-options {
    position: absolute;
    top: 32px;
    font-size: 0;
    line-height: 0;
    z-index: 9;
    text-transform: capitalize;
    display: none
}
.dashboard-page .menu-wrap .dropdown-btn + .dropdown-options .dropdown-option {
    position: relative;
    width: 125px;
    background-color: #262636;
    text-transform: capitalize
}
.dashboard-page .menu-wrap .dropdown-btn + .dropdown-options .dropdown-option:hover {
    background-color: #464656
}
.dashboard-page .menu-wrap .dropdown-btn + .dropdown-options .dropdown-option:last-child {
    border-radius: 0 0 8px 8px
}
.dashboard-page .menu-wrap .dropdown-btn + .dropdown-options .dropdown-option.mod-tall .option-title {
    line-height: 40px
}
.dashboard-page .menu-wrap .dropdown-btn + .dropdown-options .dropdown-option.mod-normal {
    text-transform: none
}
.dashboard-page .menu-wrap .dropdown-btn + .dropdown-options .dropdown-option i {
    position: absolute;
    top: 12px;
    right: 15px
}
.dashboard-page .menu-wrap .dropdown-btn + .dropdown-options .option-title {
    display: block;
    padding: 0 0 0 12px;
    line-height: 32px;
    color: #fff;
    font-size: 14px;
    font-weight: 700 !important
}
.dashboard-page .menu-wrap .has-ndropdown {
    cursor: pointer;
    position: relative;
    padding-bottom: 0
}
.dashboard-page .menu-wrap .has-ndropdown.clicked {
    border-radius: 8px 8px 0 0
}
.dashboard-page .menu-wrap .has-ndropdown.clicked .ndropdown {
    visibility: visible;
    opacity: 1;
    transition: visibility .3s linear, opacity .3s linear
}
.dashboard-page .menu-wrap .has-ndropdown[data-action=hover]:hover {
    border-radius: 8px 8px 0 0
}
.dashboard-page .menu-wrap .has-ndropdown[data-action=hover]:hover .ndropdown {
    visibility: visible;
    opacity: 1;
    transition: visibility .3s linear, opacity .3s linear
}
.dashboard-page .menu-wrap .has-ndropdown .ndropdown {
    z-index: 989;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    transition: visibility .3s linear, opacity .3s linear;
    padding-top: 1px
}
.dashboard-page .menu-wrap .has-ndropdown .ndropdown.right {
    right: 0
}
.dashboard-page .menu-wrap .has-ndropdown .ndropdown.left {
    left: 0
}
.dashboard-page .menu-wrap .has-ndropdown .ndropdown .each > a {
    text-transform: capitalize;
    font-weight: 700 !important;
    display: block;
    line-height: 40px;
    background-color: #262636;
    color: #fff;
    font-size: 16px;
    white-space: nowrap;
    padding: 0 12px;
    text-align: left
}
.dashboard-page .menu-wrap .has-ndropdown .ndropdown .each > a.small-font {
    font-size: 14px
}
.dashboard-page .menu-wrap .has-ndropdown .ndropdown .each > a > i {
    vertical-align: top;
    margin: 11px 14px 11px 4px
}
.dashboard-page .menu-wrap .has-ndropdown .ndropdown .each > a > i.mod-twit {
    margin: 13px 10px 12px 0
}
.dashboard-page .menu-wrap .has-ndropdown .ndropdown .each > a > i.mod-pint {
    margin: 11px 10px 11px 0
}
.dashboard-page .menu-wrap .has-ndropdown .ndropdown .each > a > i.mod-redd {
    margin: 12px 10px 12px 1px
}
.dashboard-page .menu-wrap .has-ndropdown .ndropdown .each > a > i.mod-em {
    margin: 14px 10px 13px 1px
}
.dashboard-page .menu-wrap .has-ndropdown .ndropdown .each > a > i.mod-emb {
    margin: 12px 11px 12px 1px
}
.dashboard-page .menu-wrap .has-ndropdown .ndropdown .each > a > .rotate {
    transform: rotate(270deg)
}
.dashboard-page .menu-wrap .has-ndropdown .ndropdown .each > a:hover {
    background-color: #464656
}
.dashboard-page .menu-wrap .has-ndropdown .ndropdown .each:first-child > a.mod-r2 {
    border-radius: 2px 2px 0 0
}
.dashboard-page .menu-wrap .has-ndropdown .ndropdown .each:last-child > a {
    border-radius: 0 0 8px 8px
}
.dashboard-page .menu-wrap .has-ndropdown .ndropdown .each:last-child > a.mod-r2 {
    border-radius: 0 0 2px 2px
}
.dashboard-page .menu-wrap .has-ndropdown .ndropdown .each.off > i {
    visibility: hidden
}
.dashboard-page .menu-wrap .ndropdown {
    width: 100%
}
.dashboard-page .cards {
    font-size: 0;
    line-height: 0
}
.dashboard-page .cards .card {
    box-sizing: border-box;
    border-radius: 3px;
    display: inline-block;
    width: 300px;
    height: 208px;
    border: 1px solid #d6d6d6;
    text-align: center;
    padding: 32px 0 24px
}
.dashboard-page .cards .card:not:hover {
    background: #f6f6f6;
    border-color: #f6f6f6
}
.dashboard-page .cards .card:not(:first-child) {
    margin-right: 20px
}
.dashboard-page .cards .card:not(.empty) {
    cursor: pointer
}
.dashboard-page .cards .card.mod-coin {
    width: 48%;
    height: 100px;
    padding: 24px 0
}
.dashboard-page .cards .card.mod-coin .desc {
    margin-bottom: 4px;
    font-weight: 700 !important;
    font-size: 14px;
    color: #a6a6a6
}
.dashboard-page .cards .card.mod-coin .num {
    font-weight: 700 !important;
    font-size: 32px;
    line-height: 32px
}
.dashboard-page .cards .card .card-icon {
    border-radius: 50%;
    margin: 0 auto 16px;
    background: #666676;
    width: 80px;
    height: 80px;
    line-height: 80px
}
.dashboard-page .cards .card .card-icon i {
    vertical-align: middle
}
.dashboard-page .cards .card .num {
    font-weight: 400 !important;
    margin-bottom: 8px;
    font-size: 32px;
    color: #464656;
    line-height: 28px;
    font-weight: 700 !important
}
.dashboard-page .cards .card .desc {
    font-weight: 400 !important;
    font-size: 16px;
    color: #a6a6a6;
    line-height: 20px
}
.dashboard-page .coin-btn {
    display: inline-block;
    width: 124px;
    height: 40px;
    line-height: 40px
}
.dashboard-page .notions {
    margin-top: 12px
}
.dashboard-page .notion {
    width: 48%;
    display: inline-block;
    vertical-align: top
}
.dashboard-page .notion:not(:first-child) {
    margin-right: 20px
}
.dashboard-page .notion li {
    font-size: 13px;
    color: #868696;
    margin-bottom: 12px
}
.dashboard-page .blocked-users {
    line-height: 20px;
    font-size: 16px;
    color: #26b6b6;
    font-weight: 700 !important
}
.dashboard-page .blocked-users.empty {
    color: #262636;
    font-weight: 400 !important
}
.dashboard-page.mod-revenue .tooltip .tooltip-inner {
    padding: 20px;
    max-width: 196px
}
.dashboard-page.mod-revenue .ico-help-fee + .tooltip .tooltip-inner {
    text-align: left;
    max-width: 300px
}
.dashboard-guide {
    display: block;
    border-radius: 3px 0 0 3px
}
.dashboard-guide .thumb-wrap {
    width: 110px;
    height: 110px;
    border-radius: 3px 0 0 3px;
    background-color: #d6d6d6;
    float: left
}
.dashboard-guide .thumb-wrap i {
    margin: 38px
}
.dashboard-guide .info-wrap {
    border: 1px dashed #d6d6d6;
    border-left: 0;
    border-radius: 0 3px 3px 0;
    width: 489px;
    height: 110px;
    margin-left: 110px;
    margin-top: 60px
}
.dashboard-guide .info-wrap .title {
    font-weight: 700 !important;
    font-size: 24px;
    line-height: 109px;
    color: #a6a6a6;
    text-align: center;
    text-transform: capitalize
}
.dashboard-guide:hover .thumb-wrap {
    background-color: #464656
}
.dashboard-guide:hover .info-wrap {
    border: 1px solid #464656;
    border-left: 0;
    background-color: #fff
}
.dashboard-guide:hover .info-wrap .title {
    color: #464656
}
.pro-tips-wrap {
    box-sizing: border-box;
    width: 300px
}
.pro-tips-wrap.docked {
    position: fixed;
    top: 70px
}
.pro-tips-wrap.bottom-docked {
    position: fixed;
    bottom: 20px
}
.pro-tips-wrap.bottom {
    position: absolute !important;
    bottom: 242px !important;
    top: auto !important
}
.pro-tips-wrap.mt88 {
    margin-top: 88px
}
.pro-tips-wrap header {
    border-radius: 4px 4px 0 0;
    font-weight: 700 !important;
    color: #666676;
    vertical-align: middle;
    padding: 0 12px;
    background: #d6d6d6;
    font-size: 16px;
    height: 40px;
    line-height: 38px;
    text-transform: capitalize
}
.pro-tips-wrap header.bottom {
    margin-top: 25px
}
.pro-tips-wrap header i {
    vertical-align: middle;
    margin-right: 8px
}
.pro-tips-wrap .contents {
    border-radius: 0 0 4px 4px;
    padding: 20px 12px;
    background: #f6f6f6;
    border: 1px solid #d6d6d6;
    margin-bottom: 25px
}
.pro-tips-wrap .contents p {
    font-size: 14px;
    color: #464656;
    line-height: 20px;
    margin: 0 0 16px
}
.pro-tips-wrap .contents p:last-child {
    margin-bottom: 0
}
.pro-tips-wrap .contents p a {
    color: #666676;
    cursor: pointer;
    font-weight: 700 !important
}
.pro-tips-wrap .contents p a:hover {
    color: #464656
}
.pro-tips-wrap .contents ul {
    margin-bottom: 20px;
    margin-left: 10px;
    list-style: none
}
.pro-tips-wrap .contents ul.root-ul {
    margin: 0
}
.pro-tips-wrap .contents ul li {
    padding-left: 18px;
    text-indent: -21px;
    font-size: 14px;
    color: #666676
}
.pro-tips-wrap .contents ul li:before {
    content: "\2022";
    color: #868696;
    margin-right: 5px
}
.pro-tips-wrap .contents ul li.sub {
    margin: 0
}
.pro-tips-wrap .contents ul li.sub:before {
    content: "\2013"
}
.pro-tips-wrap .contents ul.large-list {
    margin-left: 0
}
.pro-tips-wrap .contents ul.large-list li {
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 10px
}
.pro-tips-wrap .contents h3 {
    font-weight: 700 !important;
    color: #464656;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 4px
}
.pro-tips-wrap:last-child {
    margin-bottom: 0
}
.content-list-wrap .content-list {
    font-size: 0;
    line-height: 0;
    clear: both
}
.content-list-wrap .content-list .content-card {
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 120px 1fr 40px;
    grid-template-columns: 120px 1fr 40px;
    grid-gap: 16px;
    margin-bottom: 2px;
    padding-right: 16px;
    background-color: #f6f6f6;
    border-radius: 0 4px 4px 0
}
.content-list-wrap .content-list .thumb-wrap {
    width: 120px;
    height: 120px
}
.content-list-wrap .content-list .thumb-wrap .thumb {
    display: inline-block;
    line-height: 0
}
.content-list-wrap .content-list .desc-wrap {
    display: inline;
    width: 333px;
    padding: 24px 0
}
.content-list-wrap .content-list .desc-wrap .title {
    width: 322px;
    line-height: 0;
    margin-bottom: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}
.content-list-wrap .content-list .desc-wrap .title > a {
    font-weight: 700 !important;
    font-size: 20px;
    color: #464656;
    line-height: 24px
}
.content-list-wrap .content-list .desc-wrap .title > a:hover {
    color: #262636
}
.content-list-wrap .content-list .desc-wrap .num-of-stats {
    margin-bottom: 8px
}
.content-list-wrap .content-list .desc-wrap .desc-footer {
    position: relative
}
.content-list-wrap .content-list .desc-wrap .desc-footer .date {
    display: inline-block;
    font-size: 12px;
    color: #464656;
    line-height: 16px
}
.content-list-wrap .content-list .desc-wrap .desc-footer .date .ico {
    vertical-align: bottom;
    margin-right: 8px
}
.content-list-wrap .content-list .desc-wrap .desc-footer .date.scheduled {
    color: #f68606;
    font-weight: 700 !important
}
.content-list-wrap .content-list .desc-wrap .desc-footer .nsfw-label {
    margin: 0 0 0 4px;
    vertical-align: top
}
.content-list-wrap .content-list .desc-wrap .desc-footer .bgm-sound {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 4px;
    background-color: #d6d6d6;
    text-align: center;
    border-radius: 3px;
    vertical-align: top;
    padding: 3px
}
.content-list-wrap .content-list .desc-wrap .desc-footer .dot {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #d6d6d6;
    position: relative;
    display: inline-block;
    margin: 6px;
    vertical-align: top
}
.content-list-wrap .content-list .buttons-wrap {
    margin-top: 16px
}
.content-list-wrap .content-list .buttons-wrap .buttons, .content-list-wrap .content-list .buttons-wrap .buttons li {
    font-size: 0;
    line-height: 0
}
.content-list-wrap .content-list .buttons-wrap .buttons li:nth-child(2n) {
    margin: 6px 0
}
.content-list-wrap .content-list .buttons-wrap .buttons li a {
    font-size: 0;
    line-height: 0;
    background-color: rgba(70, 70, 86, .12)
}
.content-list-wrap .content-list .buttons-wrap .buttons li a i {
    margin: 8px
}
.content-list-wrap .content-list .buttons-wrap .buttons li a.mod-edit > i {
    margin: 12px 11px 12px 12px
}
.content-list-wrap .content-list .buttons-wrap .buttons li a.mod-trash > i {
    margin: 12px 13px 12px 14px
}
.content-list-wrap .content-list .buttons-wrap .buttons li a.mod-new {
    background-color: #464656
}
.content-list-wrap .content-list .buttons-wrap .buttons li a:hover {
    background-color: rgba(70, 70, 86, .2)
}
.content-list-wrap .content-list .buttons-wrap .buttons li a:hover.mod-new {
    background-color: #56c676
}
.content-list-wrap .content-list .buttons-wrap .buttons li a:hover.mod-trash {
    background-color: rgba(246, 70, 86, .2)
}
.content-list-wrap .content-list .buttons-wrap .buttons li .tooltip.right {
    margin-left: 12px
}
.content-list-wrap .content-list .buttons-wrap .buttons li .tooltip {
    color: #fff;
    font-weight: 700 !important
}
.content-list-wrap .content-list .buttons-wrap .buttons li .tooltip .tooltip-arrow {
    border-right-color: #464656
}
.content-list-wrap .content-list .buttons-wrap .buttons li .tooltip .tooltip-inner {
    white-space: nowrap;
    padding: 8px;
    background-color: #464656;
    font-size: 12px;
    line-height: 12px;
    min-height: 16px;
    min-width: 16px;
    text-align: left
}
.series-list-wrap .series-list {
    font-size: 0;
    line-height: 0;
    clear: both
}
.series-list-wrap .series-list .series-card {
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 40px;
    grid-template-columns: 1fr 40px;
    grid-gap: 0;
    height: 192px;
    margin-bottom: 10px;
    padding: 16px;
    background-color: #f6f6f6;
    border-radius: 4px
}
.series-list-wrap .series-list .series-card.main {
    border: 1px solid #e6e6e6
}
.series-list-wrap .series-list .series-contents-wrap {
    position: relative;
    font-size: 0;
    line-height: 0;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 80px 1fr;
    grid-template-columns: 80px 1fr;
    grid-gap: 16px
}
.series-list-wrap .series-list .series-contents-wrap .tooltip {
    color: #fff;
    font-weight: 700 !important
}
.series-list-wrap .series-list .series-contents-wrap .tooltip .tooltip-arrow {
    border-right-color: #010103
}
.series-list-wrap .series-list .series-contents-wrap .tooltip .tooltip-inner {
    white-space: nowrap;
    padding: 8px;
    background-color: #010103;
    font-size: 12px;
    line-height: 12px;
    min-height: 16px;
    text-align: left;
    text-transform: none
}
.series-list-wrap .series-list .thumb-wrap {
    font-size: 0;
    line-height: 0;
    width: 80px;
    height: 80px;
    display: inline-block
}
.series-list-wrap .series-list .thumb-wrap .thumb {
    display: inline-block;
    line-height: 0
}
.series-list-wrap .series-list .thumb-wrap .thumb > img {
    border-radius: 4px
}
.series-list-wrap .series-list .desc-wrap {
    display: inline-block;
    vertical-align: middle;
    width: 416px
}
.series-list-wrap .series-list .desc-wrap .title {
    width: 412px;
    line-height: 24px;
    margin-bottom: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}
.series-list-wrap .series-list .desc-wrap .title > a {
    font-weight: 700 !important;
    font-size: 20px;
    color: #262636;
    line-height: 24px
}
.series-list-wrap .series-list .desc-wrap .title > a:hover {
    color: #262636
}
.series-list-wrap .series-list .desc-wrap .desc-footer {
    display: block;
    margin-bottom: 8px
}
.series-list-wrap .series-list .desc-wrap .desc-footer .state-count {
    font-size: 12px;
    font-weight: 700 !important;
    line-height: 16px
}
.series-list-wrap .series-list .desc-wrap .desc-footer .state-count a {
    line-height: 16px;
    color: #666676
}
.series-list-wrap .series-list .desc-wrap .desc-footer .state-count a:hover {
    color: #666676
}
.series-list-wrap .series-list .desc-wrap .desc-footer .state-count .dot {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    position: relative;
    display: inline-block;
    background-color: #d6d6d6;
    margin: 0 5px;
    vertical-align: middle
}
.series-list-wrap .series-list .desc-wrap .desc-footer .state-count .date {
    display: inline-block;
    font-weight: 400 !important;
    color: #666676
}
.series-list-wrap .series-list .desc-wrap .dot {
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #d6d6d6;
    margin: 6px;
    vertical-align: top
}
.series-list-wrap .series-list .desc-wrap .date {
    display: inline-block;
    line-height: 16px;
    font-size: 12px;
    color: #666676;
    font-weight: 400 !important
}
.series-list-wrap .series-list .daily-snapshot-wrap {
    grid-column: 2/4;
    -ms-grid-row: 2;
    grid-row: 2;
    font-size: 12px;
    line-height: 15px;
    font-weight: 700 !important;
    color: rgba(70, 70, 86, .5)
}
.series-list-wrap .series-list .daily-snapshot-wrap li {
    width: 140px;
    display: inline-block
}
.series-list-wrap .series-list .daily-snapshot-wrap .today {
    font-size: 20px;
    line-height: 25px;
    color: #262636;
    margin: 0 0 4px;
    display: table
}
.series-list-wrap .series-list .daily-snapshot-wrap .today .percent {
    font-size: 12px;
    line-height: 15px;
    color: #868696;
    margin-left: 10px
}
.series-list-wrap .series-list .daily-snapshot-wrap .today .percent.minus {
    color: #f64656
}
.series-list-wrap .series-list .daily-snapshot-wrap .today .percent.minus .ico-minus {
    display: inline-block
}
.series-list-wrap .series-list .daily-snapshot-wrap .today .percent.plus {
    color: #56c676
}
.series-list-wrap .series-list .daily-snapshot-wrap .today .percent.plus .ico-plus {
    display: inline-block
}
.series-list-wrap .series-list .daily-snapshot-wrap .today .percent .ico-minus, .series-list-wrap .series-list .daily-snapshot-wrap .today .percent .ico-plus {
    display: none
}
.series-list-wrap .series-list .daily-snapshot-wrap .today:hover + .icon {
    color: #464656
}
.series-list-wrap .series-list .daily-snapshot-wrap .today:hover + .icon i {
    opacity: 1
}
.series-list-wrap .series-list .daily-snapshot-wrap .icon {
    margin: 0;
    color: rgba(70, 70, 86, .5);
    line-height: 15px
}
.series-list-wrap .series-list .daily-snapshot-wrap .icon:hover {
    color: #464656
}
.series-list-wrap .series-list .daily-snapshot-wrap .icon:hover i {
    opacity: 1
}
.series-list-wrap .series-list .daily-snapshot-wrap .icon i {
    vertical-align: middle;
    margin-right: 6px;
    opacity: .5
}
.series-list-wrap .buttons-wrap .buttons, .series-list-wrap .buttons-wrap .buttons li {
    font-size: 0;
    line-height: 0
}
.series-list-wrap .buttons-wrap .buttons li:nth-child(2n) {
    margin: 6px 0
}
.series-list-wrap .buttons-wrap .buttons li a {
    font-size: 0;
    line-height: 0;
    background-color: rgba(70, 70, 86, .12)
}
.series-list-wrap .buttons-wrap .buttons li a i {
    margin: 13px
}
.series-list-wrap .buttons-wrap .buttons li a.mod-new {
    background-color: #56c676
}
.series-list-wrap .buttons-wrap .buttons li a.mod-main {
    background-color: transparent
}
.series-list-wrap .buttons-wrap .buttons li a.mod-main > i {
    margin: 10px 13px;
    opacity: .5
}
.series-list-wrap .buttons-wrap .buttons li a:hover {
    background-color: rgba(70, 70, 86, .2)
}
.series-list-wrap .buttons-wrap .buttons li a:hover.mod-new {
    background-color: #3c8b53
}
.series-list-wrap .buttons-wrap .buttons li a:hover.mod-main > i {
    opacity: 1
}
.series-list-wrap .buttons-wrap .buttons li .tooltip.right {
    margin-left: 12px
}
.series-list-wrap .buttons-wrap .buttons li .tooltip {
    color: #fff;
    font-weight: 700 !important
}
.series-list-wrap .buttons-wrap .buttons li .tooltip .tooltip-arrow {
    border-right-color: #464656
}
.series-list-wrap .buttons-wrap .buttons li .tooltip .tooltip-inner {
    white-space: nowrap;
    padding: 8px;
    background-color: #464656;
    font-size: 12px;
    line-height: 12px;
    min-height: 16px;
    min-width: 16px;
    text-align: left
}
.content-empty-wrap {
    font-size: 0;
    line-height: 0;
    padding: 80px 0;
    border-radius: 4px;
    background-color: #f6f6f6;
    text-align: center
}
.content-empty-wrap p {
    margin-bottom: 25px;
    line-height: 25px;
    color: #666676;
    font-size: 24px
}
.content-empty-wrap .btn-wrap a {
    width: 160px
}
.underline-nav {
    font-weight: 700 !important;
    color: #a6a6a6;
    border-bottom: 1px solid #a6a6a6;
    padding: 0
}
.underline-nav.light {
    border-color: #d6d6d6
}
.underline-nav li {
    display: inline-block;
    line-height: 20px
}
.underline-nav a {
    font-size: 16px;
    display: inline-block;
    margin: 0 23px -1px 0;
    padding: 10px 2px 10px 0;
    border-bottom: 1px solid transparent;
    color: #a6a6a6
}
.underline-nav a.active, .underline-nav a:hover {
    padding-right: 2px;
    color: #464656;
    border-bottom-color: #464656
}
.underline-nav a.active i, .underline-nav a:hover i {
    opacity: 1
}
.underline-nav i {
    margin-right: 2px;
    vertical-align: -2px;
    opacity: .5
}
.calendar-wrap {
    width: 360px
}
.calendar-wrap .nav {
    position: relative;
    height: 32px;
    margin-bottom: 10px
}
.calendar-wrap .nav .cal-label {
    line-height: 32px;
    font-size: 20px;
    color: #464656;
    text-align: center;
    text-transform: capitalize;
    font-weight: 700 !important
}
.calendar-wrap .nav .btn-month {
    position: absolute;
    background-color: rgba(70, 70, 86, .5);
    width: 32px;
    height: 32px;
    padding: 8px 12px 8px 10px
}
.calendar-wrap .nav .btn-month.prev {
    left: 0;
    border-radius: 4px 0 0 4px
}
.calendar-wrap .nav .btn-month.next {
    right: 0;
    border-radius: 0 4px 4px 0
}
.calendar-wrap .header {
    overflow: hidden;
    margin-bottom: 12px
}
.calendar-wrap .header > li {
    float: left;
    text-transform: capitalize;
    font-size: 16px;
    color: #868696;
    font-weight: 700 !important;
    width: 48px;
    text-align: center;
    margin-right: 4px
}
.calendar-wrap .header > li:last-child {
    margin-right: 0
}
.calendar-wrap .body {
    overflow: hidden;
    margin-bottom: 24px;
    min-height: 200px
}
.calendar-wrap .body > li {
    float: left;
    width: 48px;
    height: 40px;
    color: #464656;
    background-color: #fff;
    font-size: 20px;
    text-align: center;
    margin-right: 4px;
    margin-bottom: 4px;
    font-weight: 700 !important
}
.calendar-wrap .body > li:nth-child(7n) {
    margin-right: 0
}
.calendar-wrap .body > li.nil {
    background-color: transparent;
    height: 0
}
.calendar-wrap .body > li.post {
    background-color: #e6e6e6;
    color: #868696;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 40px
}
.calendar-wrap .body > li.today {
    color: #262636;
    border: 2px solid #f68606 !important;
    line-height: 36px
}
.calendar-wrap .body > li.on {
    background-color: #f68606 !important;
    transition: background-color .3s linear;
    color: #fff;
    border: 2px solid #f68606 !important;
    line-height: 36px !important
}
.calendar-wrap .body > li.on:hover {
    background-color: #ac5e04 !important
}
.calendar-wrap .body > li.can {
    background-color: #fff;
    border: 1px solid #e6e6e6;
    line-height: 38px
}
.calendar-wrap .body > li.can:hover {
    cursor: pointer;
    background-color: rgba(70, 70, 86, .5);
    color: #fff
}
.bgm-box-outer {
    width: 500px;
    background-color: #f6f6f6;
    border: 1px solid #d6d6d6;
    position: relative;
    top: 150px;
    border-radius: 3px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .4);
    display: block;
    margin-left: auto;
    margin-right: auto
}
.bgm-box-outer .bgm-box-inner {
    padding: 20px 20px 0
}
.bgm-box-outer .bgm-box-inner.dark {
    background-color: #e6e6e6
}
.bgm-box-outer .bgm-box-inner .bgm-box-footer {
    text-align: right;
    padding: 14px 0;
    font-size: 0;
    line-height: 0
}
.bgm-box-outer .bgm-box-inner .bgm-box-footer #bgm-cancel-btn {
    margin-right: 14px;
    padding: 0 6px;
    line-height: 2;
    vertical-align: middle
}
.bgm-box-outer .bgm-box-inner .bgm-box-header {
    margin-bottom: 15px
}
.bgm-box-outer .bgm-box-inner .bgm-box-header .title {
    text-transform: capitalize;
    font-weight: 700 !important;
    font-size: 24px;
    color: #464656;
    text-align: left
}
.bgm-box-outer .bgm-box-inner .search-wrap {
    width: 100%;
    height: 52px;
    border-radius: 3px;
    background-color: #fff;
    margin-left: 0;
    border: 2px solid #c6c6c6
}
.bgm-box-outer .bgm-box-inner .search-wrap .lets-search {
    background-color: #c6c6c6;
    padding: 13px;
    line-height: 0;
    float: left
}
.bgm-box-outer .bgm-box-inner .search-wrap .query-wrap {
    margin-left: 50px
}
.bgm-box-outer .bgm-box-inner .search-wrap .query-wrap .query {
    font-weight: 700 !important;
    border: 0;
    margin: 0;
    width: 404px;
    height: 42px;
    font-size: 20px;
    padding: 4px 6px
}
.bgm-box-outer .bgm-box-inner .search-desc {
    position: absolute;
    width: 460px;
    top: 130px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700 !important;
    text-align: center;
    color: #868696
}
.bgm-box-outer .bgm-list {
    margin: 30px 0;
    height: 230px
}
.bgm-box-outer .bgm-list .bgm-row {
    position: relative;
    font-weight: 700 !important;
    font-size: 16px;
    margin-bottom: 5px
}
.bgm-box-outer .bgm-list .bgm-row > a {
    display: inline-block;
    vertical-align: bottom;
    border-radius: 3px 0 0 3px
}
.bgm-box-outer .bgm-list .bgm-row > a > i {
    margin: 12px 14px
}
.bgm-box-outer .bgm-list .bgm-row .select-btn {
    color: #666676;
    line-height: 0
}
.bgm-box-outer .bgm-list .bgm-row .select-btn .btn-label {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 418px;
    height: 40px;
    display: inline-block;
    text-align: left;
    line-height: 40px;
    border-radius: 0 3px 3px 0;
    vertical-align: top;
    padding: 0 15px;
    background-color: #e6e6e6
}
.bgm-box-outer .bgm-list .bgm-row .select-btn .btn-label:hover {
    background-color: #d6d6d6
}
.bgm-box-outer .bgm-list .bgm-row.selected .img-btn {
    background-color: #f68606
}
.bgm-box-outer .bgm-list .bgm-row.selected .btn-label, .bgm-box-outer .bgm-list .bgm-row.selected .btn-label:hover {
    color: #fff;
    background-color: #f68606
}
.bgm-box-outer .bgm-list .bgm-row .bgm-duration, .bgm-box-outer .bgm-list .bgm-row .bgm-title {
    font-weight: 700 !important
}
.bgm-box-outer .close-popup {
    position: absolute;
    top: 20px;
    right: 20px
}
.dashboard-announcements-wrap {
    position: relative;
    font-size: 0;
    line-height: 0;
    margin-bottom: 25px;
    background: #f6f6f6;
    border: 1px solid #d6d6d6;
    border-radius: 4px
}
.dashboard-announcements-wrap .dashboard-announcement {
    display: none;
    width: 300px;
    width: 100% !important
}
.dashboard-announcements-wrap .dashboard-announcement header {
    position: relative;
    border-radius: 4px 4px 0 0;
    font-weight: 700 !important;
    color: #464656;
    padding: 0 12px;
    background: #d6d6d6;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    text-transform: capitalize
}
.dashboard-announcements-wrap .dashboard-announcement header.normal {
    text-transform: none
}
.dashboard-announcements-wrap .dashboard-announcement header > i {
    position: absolute;
    top: -32px;
    right: 4px
}
.dashboard-announcements-wrap .dashboard-announcement header > img {
    position: absolute;
    top: -50px;
    right: -12px
}
.dashboard-announcements-wrap .dashboard-announcement.active {
    display: block
}
.dashboard-announcements-wrap .dashboard-announcement .contents {
    padding: 16px
}
.dashboard-announcements-wrap .dashboard-announcement .contents > li {
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 20px;
    color: #262636;
}
.dashboard-announcements-wrap .dashboard-announcement .contents > li a {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700 !important;
    display: inline-block;
    color: #666676
}
.dashboard-announcements-wrap .dashboard-announcement .contents > li a:hover {
    color: #464656
}
.dashboard-announcements-wrap .dashboard-announcement .contents > li a.ink-btn {
    padding: 0 8px
}
.dashboard-announcements-wrap .dashboard-announcement .contents > li:last-child {
    margin-bottom: 0
}
.dashboard-paging {
    font-size: 0;
    line-height: 0;
    padding: 0 10px 20px 0;
    text-align: right
}
.dashboard-paging.adjustment {
    margin-top: -20px
}
.dashboard-paging .dashboard-paging-button {
    display: inline-block;
    width: 40px;
    height: 40px;
    padding: 14px 16px;
    border-radius: 20px;
    background-color: rgba(38, 38, 54, .08);
    font-size: 0
}
.dashboard-paging .dashboard-paging-button.prev {
    margin: 0 10px
}
.dashboard-paging .dashboard-paging-button.disabled > i {
    opacity: .2
}
#series-statistics-section .series-title {
    font-weight: 700 !important;
    font-size: 20px;
    line-height: 2
}
#series-statistics-section .series-filter .dropdown-wrap {
    position: relative
}
#series-statistics-section .series-filter .dropdown-wrap.mod-stats {
    position: absolute;
    right: 0;
    top: 0
}
#series-statistics-section .series-filter .dropdown-wrap.flex {
    min-width: 325px
}
#series-statistics-section .series-filter .dropdown-wrap.flex .dropdown-btn, #series-statistics-section .series-filter .dropdown-wrap.flex .dropdown-btn + .dropdown-options, #series-statistics-section .series-filter .dropdown-wrap.flex .dropdown-btn + .dropdown-options .dropdown-option {
    width: 100%
}
#series-statistics-section .series-filter .dropdown-btn {
    width: 325px;
    border-radius: 8px;
    font-size: 0;
    line-height: 0;
    background-color: rgba(38, 38, 54, .08)
}
#series-statistics-section .series-filter .dropdown-btn.mod-tall .item-title {
    height: 40px;
    line-height: 40px
}
#series-statistics-section .series-filter .dropdown-btn.mod-tall .item-title .ico {
    margin: 17px 16px 17px 8px
}
#series-statistics-section .series-filter .dropdown-btn.on, #series-statistics-section .series-filter .dropdown-btn:hover {
    background-color: hsla(240, 7%, 56%, .3)
}
#series-statistics-section .series-filter .dropdown-btn.on {
    border-radius: 8px 8px 0 0
}
#series-statistics-section .series-filter .dropdown-btn .item-title {
    display: inline-block;
    font-size: 0;
    line-height: 0;
    width: 100%;
    height: 32px;
    line-height: 32px
}
#series-statistics-section .series-filter .dropdown-btn .item-title span {
    float: left;
    margin-left: 16px;
    font-weight: 700 !important;
    font-size: 14px;
    color: #464656;
    text-transform: capitalize
}
#series-statistics-section .series-filter .dropdown-btn .item-title span.mod-normal {
    text-transform: none
}
#series-statistics-section .series-filter .dropdown-btn .item-title span.mod-ink {
    color: #262636
}
#series-statistics-section .series-filter .dropdown-btn .item-title .ico {
    float: right;
    margin: 13px 16px 13px 8px
}
#series-statistics-section .series-filter .dropdown-btn.on + .dropdown-options {
    display: block
}
#series-statistics-section .series-filter .dropdown-btn.mod-tall + .dropdown-options {
    top: 40px;
    max-height: 600px;
    overflow: scroll
}
#series-statistics-section .series-filter .dropdown-btn + .dropdown-options {
    position: absolute;
    top: 32px;
    font-size: 0;
    line-height: 0;
    z-index: 9;
    text-transform: capitalize;
    display: none
}
#series-statistics-section .series-filter .dropdown-btn + .dropdown-options .dropdown-option {
    position: relative;
    width: 325px;
    background-color: #262636;
    text-transform: capitalize
}
#series-statistics-section .series-filter .dropdown-btn + .dropdown-options .dropdown-option:hover {
    background-color: #464656
}
#series-statistics-section .series-filter .dropdown-btn + .dropdown-options .dropdown-option:last-child {
    border-radius: 0 0 8px 8px
}
#series-statistics-section .series-filter .dropdown-btn + .dropdown-options .dropdown-option.mod-tall .option-title {
    line-height: 40px
}
#series-statistics-section .series-filter .dropdown-btn + .dropdown-options .dropdown-option.mod-normal {
    text-transform: none
}
#series-statistics-section .series-filter .dropdown-btn + .dropdown-options .dropdown-option i {
    position: absolute;
    top: 12px;
    right: 15px
}
#series-statistics-section .series-filter .dropdown-btn + .dropdown-options .option-title {
    display: block;
    padding: 0 0 0 12px;
    line-height: 32px;
    color: #fff;
    font-size: 14px;
    font-weight: 700 !important
}
.stats-page .stats-nav {
    position: relative;
    margin-bottom: 10px
}
.stats-page .stats-nav.top {
    padding-top: 60px
}
.stats-page .stats-nav .episode-performance {
    margin: 0 0 30px 5px
}
.stats-page .stats-legend {
    position: absolute;
    right: 0;
    font-size: 0;
    line-height: 0
}
.stats-page .stats-legend.mod-stats {
    top: 60px
}
.stats-page .stats-legend.mod-revenue {
    top: 88px
}
.stats-page .stats-legend > div {
    display: inline-block;
    vertical-align: top
}
.stats-page .stats-legend > div:last-child {
    margin-left: 16px
}
.stats-page .date-filter .dropdown-wrap {
    position: relative
}
.stats-page .date-filter .dropdown-wrap.mod-stats {
    position: absolute;
    right: 0;
    top: -44px
}
.stats-page .date-filter .dropdown-wrap.flex {
    min-width: 107px
}
.stats-page .date-filter .dropdown-wrap.flex .dropdown-btn, .stats-page .date-filter .dropdown-wrap.flex .dropdown-btn + .dropdown-options, .stats-page .date-filter .dropdown-wrap.flex .dropdown-btn + .dropdown-options .dropdown-option {
    width: 100%
}
.stats-page .date-filter .dropdown-btn {
    width: 107px;
    border-radius: 8px;
    font-size: 0;
    line-height: 0;
    background-color: rgba(38, 38, 54, .08)
}
.stats-page .date-filter .dropdown-btn.mod-tall .item-title {
    height: 40px;
    line-height: 40px
}
.stats-page .date-filter .dropdown-btn.mod-tall .item-title .ico {
    margin: 17px 16px 17px 8px
}
.stats-page .date-filter .dropdown-btn.on, .stats-page .date-filter .dropdown-btn:hover {
    background-color: hsla(240, 7%, 56%, .3)
}
.stats-page .date-filter .dropdown-btn.on {
    border-radius: 8px 8px 0 0
}
.stats-page .date-filter .dropdown-btn .item-title {
    display: inline-block;
    font-size: 0;
    line-height: 0;
    width: 100%;
    height: 32px;
    line-height: 32px
}
.stats-page .date-filter .dropdown-btn .item-title span {
    float: left;
    margin-left: 16px;
    font-weight: 700 !important;
    font-size: 14px;
    color: #464656;
    text-transform: capitalize
}
.stats-page .date-filter .dropdown-btn .item-title span.mod-normal {
    text-transform: none
}
.stats-page .date-filter .dropdown-btn .item-title span.mod-ink {
    color: #262636
}
.stats-page .date-filter .dropdown-btn .item-title .ico {
    float: right;
    margin: 13px 16px 13px 8px
}
.stats-page .date-filter .dropdown-btn.on + .dropdown-options {
    display: block
}
.stats-page .date-filter .dropdown-btn.mod-tall + .dropdown-options {
    top: 40px;
    max-height: 600px;
    overflow: scroll
}
.stats-page .date-filter .dropdown-btn + .dropdown-options {
    position: absolute;
    top: 32px;
    font-size: 0;
    line-height: 0;
    z-index: 9;
    text-transform: capitalize;
    display: none
}
.stats-page .date-filter .dropdown-btn + .dropdown-options .dropdown-option {
    position: relative;
    width: 107px;
    background-color: #262636;
    text-transform: capitalize
}
.stats-page .date-filter .dropdown-btn + .dropdown-options .dropdown-option:hover {
    background-color: #464656
}
.stats-page .date-filter .dropdown-btn + .dropdown-options .dropdown-option:last-child {
    border-radius: 0 0 8px 8px
}
.stats-page .date-filter .dropdown-btn + .dropdown-options .dropdown-option.mod-tall .option-title {
    line-height: 40px
}
.stats-page .date-filter .dropdown-btn + .dropdown-options .dropdown-option.mod-normal {
    text-transform: none
}
.stats-page .date-filter .dropdown-btn + .dropdown-options .dropdown-option i {
    position: absolute;
    top: 12px;
    right: 15px
}
.stats-page .date-filter .dropdown-btn + .dropdown-options .option-title {
    display: block;
    padding: 0 0 0 12px;
    line-height: 32px;
    color: #fff;
    font-size: 14px;
    font-weight: 700 !important
}
.stats-page .stats-content {
    padding: 5px;
    background-color: #fff
}
.stats-page .stats-content.grey {
    margin-top: 88px;
    background-color: #f6f6f6
}
.stats-page .stats-content text {
    stroke: none;
    font-size: 14px;
    fill: #a6a6a6
}
.stats-page .stats-content text.sm {
    font-size: 12px
}
.stats-page .stats-content .tab-pane {
    display: none
}
.stats-page .stats-content .tab-pane.active {
    display: block
}
.stats-page .stats-content .tab-pane .bar-tooltip {
    font-size: 12px;
    border: 1px solid #d6d6d6;
    border-radius: 3px;
    padding: 0 3px;
    color: #666676
}
.stats-page .stats-content .view-bar {
    fill: #f6b606
}
.stats-page .stats-content .view-bar:hover {
    fill: rgba(246, 182, 6, .3)
}
.stats-page .stats-content .like-bar {
    fill: #f6b606
}
.stats-page .stats-content .like-bar:hover {
    fill: rgba(246, 182, 6, .3)
}
.stats-page .stats-content .subscribe-bar {
    fill: #f6b606
}
.stats-page .stats-content .subscribe-bar:hover {
    fill: rgba(246, 182, 6, .3)
}
.stats-page .stats-content .comment-bar {
    fill: #f6b606
}
.stats-page .stats-content .comment-bar:hover {
    fill: rgba(246, 182, 6, .3)
}
.stats-page .stats-content .axis {
    fill: none;
    stroke: #c6c6c6;
    shape-rendering: crispEdges
}
.stats-page .stats-content .bar.revenue-ads {
    color: #f6b606;
    fill: #f6b606
}
.stats-page .stats-content .bar.revenue-ads:hover {
    cursor: pointer;
    color: rgba(246, 182, 6, .3);
    fill: rgba(246, 182, 6, .3);
}
.stats-page .stats-content .bar.revenue-tips {
    color: #f6b606;
    fill: #f6b606
}
.stats-page .stats-content .bar.revenue-tips:hover {
    cursor: pointer;
    color: rgba(246, 182, 6, .3);
    fill: rgba(246, 182, 6, .3);
}
.stats-page .stats-content .tooltip .tooltip-inner .stats-count {
    color: #f6b606
}
.stats-page .stats-content .no-stats-message {
    width: 100%;
    color: #d6d6d6;
    font-size: 28px;
    position: absolute;
    text-align: center;
    line-height: 15;
    font-weight: 700 !important
}
.stats-page .search-button-wrap {
    font-size: 0;
    line-height: 0
}
.stats-page .search-button-wrap .search-button {
    display: inline-block;
    line-height: 40px;
    background-color: rgba(38, 38, 54, .08);
    color: #464656
}
.stats-page .search-button-wrap .search-button.today {
    width: 80px;
    margin: 0 1px;
    font-size: 14px;
    font-weight: 700 !important;
    text-align: center
}
.stats-page .search-button-wrap .search-button:first-child {
    vertical-align: top;
    border-radius: 8px 0 0 8px
}
.stats-page .search-button-wrap .search-button:last-child {
    vertical-align: top;
    border-radius: 0 8px 8px 0
}
.stats-page .search-button-wrap .search-button:last-child > i {
    transform: rotate(180deg)
}
.stats-page .search-button-wrap .search-button.last {
    cursor: default;
    color: #d6d6d6
}
.stats-page .search-button-wrap .search-button.last > i {
    opacity: .2
}
.stats-page .search-button-wrap .search-button:hover:not(.last) {
    color: #868696
}
.stats-page .search-button-wrap .search-button:hover:not(.last) > i {
    opacity: 1
}
.stats-page .search-button-wrap .search-button > i {
    margin: 0 12px
}
.stats-page .search-button-wrap .search-button .search-direction {
    vertical-align: middle
}
.stats-page .search-button-wrap .search-button .search-period {
    padding: 0 5px;
    font-weight: 700 !important;
    font-size: 16px
}
.stats-page .search-button-wrap .search-button .search-period-label {
    padding-left: 5px
}
#stats-episode-list-table .num {
    width: 63px
}
#stats-episode-list-table .title {
    width: 376px
}
#stats-episode-list-table .like, #stats-episode-list-table .share, #stats-episode-list-table .view {
    width: 80px;
    text-align: right
}
#stats-episode-list-table .comment {
    width: 105px;
    text-align: right
}
#stats-episode-list-table .published {
    width: 156px
}
.tippers-page .filter-header {
    position: relative;
    height: 40px;
    margin-bottom: 16px
}
.tippers-page .filter-header .dropdown-wrap {
    position: relative
}
.tippers-page .filter-header .dropdown-wrap.mod-stats {
    position: absolute;
    right: 0;
    top: 0
}
.tippers-page .filter-header .dropdown-wrap.flex {
    min-width: 115px
}
.tippers-page .filter-header .dropdown-wrap.flex .dropdown-btn, .tippers-page .filter-header .dropdown-wrap.flex .dropdown-btn + .dropdown-options, .tippers-page .filter-header .dropdown-wrap.flex .dropdown-btn + .dropdown-options .dropdown-option {
    width: 100%
}
.tippers-page .filter-header .dropdown-btn {
    width: 115px;
    border-radius: 8px;
    font-size: 0;
    line-height: 0;
    background-color: rgba(38, 38, 54, .08)
}
.tippers-page .filter-header .dropdown-btn.mod-tall .item-title {
    height: 40px;
    line-height: 40px
}
.tippers-page .filter-header .dropdown-btn.mod-tall .item-title .ico {
    margin: 17px 16px 17px 8px
}
.tippers-page .filter-header .dropdown-btn.on, .tippers-page .filter-header .dropdown-btn:hover {
    background-color: hsla(240, 7%, 56%, .3)
}
.tippers-page .filter-header .dropdown-btn.on {
    border-radius: 8px 8px 0 0
}
.tippers-page .filter-header .dropdown-btn .item-title {
    display: inline-block;
    font-size: 0;
    line-height: 0;
    width: 100%;
    height: 32px;
    line-height: 32px
}
.tippers-page .filter-header .dropdown-btn .item-title span {
    float: left;
    margin-left: 16px;
    font-weight: 700 !important;
    font-size: 14px;
    color: #464656;
    text-transform: capitalize
}
.tippers-page .filter-header .dropdown-btn .item-title span.mod-normal {
    text-transform: none
}
.tippers-page .filter-header .dropdown-btn .item-title span.mod-ink {
    color: #262636
}
.tippers-page .filter-header .dropdown-btn .item-title .ico {
    float: right;
    margin: 13px 16px 13px 8px
}
.tippers-page .filter-header .dropdown-btn.on + .dropdown-options {
    display: block
}
.tippers-page .filter-header .dropdown-btn.mod-tall + .dropdown-options {
    top: 40px;
    max-height: 600px;
    overflow: scroll
}
.tippers-page .filter-header .dropdown-btn + .dropdown-options {
    position: absolute;
    top: 32px;
    font-size: 0;
    line-height: 0;
    z-index: 9;
    text-transform: capitalize;
    display: none
}
.tippers-page .filter-header .dropdown-btn + .dropdown-options .dropdown-option {
    position: relative;
    width: 115px;
    background-color: #262636;
    text-transform: capitalize
}
.tippers-page .filter-header .dropdown-btn + .dropdown-options .dropdown-option:hover {
    background-color: #464656
}
.tippers-page .filter-header .dropdown-btn + .dropdown-options .dropdown-option:last-child {
    border-radius: 0 0 8px 8px
}
.tippers-page .filter-header .dropdown-btn + .dropdown-options .dropdown-option.mod-tall .option-title {
    line-height: 40px
}
.tippers-page .filter-header .dropdown-btn + .dropdown-options .dropdown-option.mod-normal {
    text-transform: none
}
.tippers-page .filter-header .dropdown-btn + .dropdown-options .dropdown-option i {
    position: absolute;
    top: 12px;
    right: 15px
}
.tippers-page .filter-header .dropdown-btn + .dropdown-options .option-title {
    display: block;
    padding: 0 0 0 12px;
    line-height: 32px;
    color: #fff;
    font-size: 14px;
    font-weight: 700 !important
}
.tippers-page .filter-header .filter-desc {
    display: inline-block;
    margin: 8px 0 0;
    line-height: 24px;
    font-size: 20px;
    color: #464656;
    font-weight: 700 !important
}
.tippers-page .tipper-table .rank {
    width: 84px
}
.tippers-page .tipper-table .name {
    width: 449px
}
.tippers-page .tipper-table .name.mod-name {
    position: relative
}
.tippers-page .tipper-table .name .name {
    margin-left: 16px;
    vertical-align: sub;
    color: #464656;
    font-weight: 700 !important
}
.tippers-page .tipper-table .hist {
    width: 140px
}
.tippers-page .tipper-table .date {
    width: 157px
}
.tippers-page .tipper-table .coin {
    width: 110px
}
.tippers-page .ico-top-rank {
    position: absolute;
    top: 35px;
    left: 42px
}
.tippers-page .user-tips-total {
    line-height: 40px;
    font-size: 14px;
    color: #868696;
    font-weight: 700 !important
}
.tippers-page .user-tips-total .tips {
    display: inline-block;
    padding-right: 12px;
    margin-left: 6px;
    border-radius: 8px;
    border: 1px solid #d6d6d6;
    font-size: 16px;
    color: #464656
}
.tippers-page .user-tips-total .tips > i {
    margin: 10px;
    vertical-align: top
}
.tippers-page .support-history .msg {
    width: 590px
}
.tippers-page .support-history .date {
    width: 106px
}
.tippers-page .support-history .coin {
    width: 134px
}
.tippers-page .support-history .action {
    width: 110px
}
.dashboard-ads {
    position: relative
}
.dashboard-ads .suspended-message {
    padding: 20px 220px;
    margin-bottom: 30px;
    border-radius: 4px;
    background-color: #f6f6f6;
    font-size: 20px;
    color: #f64656
}
.dashboard-ads .fake-file-wrap {
    font-size: 200px;
    overflow: hidden;
    position: absolute;
    top: 0;
    opacity: 0;
    z-index: 1
}
.dashboard-ads .fake-file-wrap.mod-custom-banner {
    width: 280px;
    height: 180px
}
.dashboard-ads .fake-file-wrap .support-banner-file {
    width: 280px;
    height: 180px;
    cursor: pointer
}
.hero-mode-wrap {
    margin-bottom: 30px;
    background: #56c676;
    border-radius: 3px;
    padding: 10px
}
.hero-mode-wrap > p {
    font-size: 16px;
    color: #a6a6a6;
    line-height: 1.3
}
.milestone-wrap {
    margin-bottom: 25px;
    width: 300px
}
.milestone-wrap header {
    position: relative;
    border-radius: 4px 4px 0 0;
    font-weight: 700 !important;
    color: #464656;
    padding: 0 12px;
    background: #d6d6d6;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    text-transform: capitalize
}
.milestone-wrap header.normal {
    text-transform: none
}
.milestone-wrap header > i {
    position: absolute;
    top: -32px;
    right: 4px
}
.milestone-wrap header > img {
    position: absolute;
    top: -50px;
    right: -12px
}
.milestone-wrap .contents-warp {
    border-radius: 0 0 4px 4px;
    padding: 16px;
    background: #f6f6f6;
    border: 1px solid #d6d6d6
}
.milestone-wrap .contents-warp .header {
    font-size: 20px;
    line-height: 24px;
    color: #464656;
    font-weight: 700 !important;
    margin-bottom: 12px
}
.milestone-wrap .contents-warp .desc {
    color: #464656;
    line-height: 20px
}
.milestone-wrap .contents-warp .sub-desc {
    margin-top: 10px;
    font-size: 12px;
    color: #868696
}
.milestone-wrap .contents-warp .progress-wrap {
    color: #464656;
    font-size: 12px
}
.milestone-wrap .contents-warp .progress-wrap .title {
    margin-bottom: 4px
}
.milestone-wrap .contents-warp .progress-wrap .title .count > span {
    color: #868696
}
.milestone-wrap .contents-warp .progress-wrap .milestone-progress-bar {
    position: relative;
    border-radius: 10px;
    border: 1px solid #464656;
    background-color: #fff;
    height: 20px;
    overflow: hidden
}
.milestone-wrap .contents-warp .progress-wrap .milestone-progress-bar span {
    border-radius: 9px 0 0 9px;
    display: block;
    position: relative;
    background: #464656;
    text-align: center;
    height: 100%
}
.milestone-wrap .contents-warp .progress-wrap .milestone-progress-bar.mint {
    border: 1px solid #56c676
}
.milestone-wrap .contents-warp .progress-wrap .milestone-progress-bar.mint span {
    border-radius: 12px;
    background-color: #56c676
}
.milestone-wrap .contents-warp .checklist-wrap {
    color: #464656;
    line-height: 16px;
    size: 14px
}
.milestone-wrap .contents-warp .checklist-wrap li {
    font-size: 14px !important
}
.milestone-wrap .contents-warp .checklist-wrap li:not(:last-child) {
    margin-bottom: 12px
}
.milestone-wrap .contents-warp .checklist-wrap .check {
    color: rgba(70, 70, 86, .5)
}
.milestone-wrap .contents-warp .checklist-wrap .check > i {
    display: none
}
.milestone-wrap .contents-warp .checklist-wrap .check .ico-check {
    display: inline-block;
    margin-right: 4px
}
.milestone-wrap .contents-warp .checklist-wrap .ico-check {
    display: none
}
.milestone-wrap .contents-warp .checklist-wrap i {
    margin-right: 8px;
    display: inline-block;
    vertical-align: middle
}
.milestone-wrap .contents-warp .achieved-btn {
    width: 100%;
    height: 40px;
    line-height: 40px
}
.milestone-wrap .contents-warp .later-btn {
    margin-top: 16px;
    color: rgba(70, 70, 86, .5);
    font-size: 14px;
    line-height: 20px;
    display: inline-block;
    font-weight: 700 !important
}
.milestone-wrap .contents-warp .later-btn:hover {
    color: #464656
}
.milestone-wrap .contents-warp .btn-wrap {
    margin: 0 !important
}
.help-wrap {
    width: 300px;
    margin-bottom: 25px
}
.help-wrap header {
    position: relative;
    border-radius: 4px 4px 0 0;
    font-weight: 700 !important;
    color: #464656;
    padding: 0 12px;
    background: #d6d6d6;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    text-transform: capitalize
}
.help-wrap header.normal {
    text-transform: none
}
.help-wrap header > i {
    position: absolute;
    top: -32px;
    right: 4px
}
.help-wrap header > img {
    position: absolute;
    top: -50px;
    right: -12px
}
.help-wrap .contents {
    border-radius: 0 0 4px 4px;
    padding: 16px;
    background: #f6f6f6;
    border: 1px solid #d6d6d6
}
.help-wrap .contents > li {
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 20px;
    color: #262636
}
.help-wrap .contents > li a {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700 !important;
    display: inline-block;
    color: #666676
}
.help-wrap .contents > li a:hover {
    color: #464656
}
.help-wrap .contents > li a.ink-txt-btn {
    line-height: 40px
}
.help-wrap .contents > li a.ink-btn {
    width: 96px
}
.help-wrap .contents > li:last-child {
    margin-bottom: 0
}
.help-wrap .contents.mod-balance > p, .help-wrap .contents.mod-balance a {
    display: inline-block;
    margin: 0
}
.help-wrap .contents.mod-balance .title {
    line-height: 25px;
    font-size: 16px;
    color: #666676
}
.help-wrap .contents.mod-balance .current {
    float: right;
    margin-right: 10px;
    font-weight: 700 !important;
    line-height: 25px;
    font-size: 20px;
    color: #464656
}
.help-wrap .contents.mod-balance .changes {
    float: right;
    margin-top: 8px;
    font-weight: 700 !important;
    line-height: 15px;
    font-size: 12px;
    color: #868696
}
.help-wrap .contents.mod-balance .changes.plus {
    color: #56c676
}
.help-wrap .contents.mod-balance .changes.minus {
    color: #f64656
}
.agreement-page ul {
    display: table;
    width: 100%;
    margin: 0;
    font-size: 0;
    line-height: 0
}
.agreement-page li {
    position: relative;
    background-color: #f6f6f6;
    border-radius: 5px;
    margin-bottom: 20px;
    font-size: 16px
}
.agreement-page li:last-child {
    margin-bottom: 0
}
.agreement-page li > * {
    display: table-cell;
    vertical-align: middle
}
.agreement-page li .left {
    padding: 30px
}
.agreement-page li .left .desc-icon {
    width: 70px;
    height: 70px;
    background-color: #666676;
    border-radius: 50%;
    text-align: center
}
.agreement-page li .left .desc-icon i {
    margin-top: 19px
}
.agreement-page li .left .desc-icon i.mt21 {
    margin-top: 21px
}
.agreement-page li .right {
    padding-right: 30px;
    line-height: 24px;
    color: #464656
}
.agreement-page .get-started {
    line-height: 24px;
    font-size: 16px;
    color: #a6a6a6;
    margin: 60px 0 50px
}
.agreement-page .get-started .age {
    color: #666676
}
.agreement-page .agree a {
    cursor: pointer;
    color: #f6b606
}
.agreement-page .agree .p-checkbox-label {
    color: #464656;
    font-weight: 400 !important
}
.agreement-page .btn-wrap {
    margin-top: 50px
}
.agreement-page .btn-wrap a {
    padding: 0 30px;
    cursor: default;
    color: #fff
}
.agreement-page .btn-wrap a.disabled {
    background-color: #e6e6e6
}
.agreement-page .btn-wrap a:not(.disabled) {
    cursor: pointer
}
.welcome-revenue-program {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -236px auto auto -201px;
    padding: 32px;
    z-index: 999;
    width: 424px;
    border-radius: 8px;
    background-color: #fff
}
.welcome-revenue-program .body {
    text-align: center
}
.welcome-revenue-program .body .icon-wrap {
    width: 80px;
    height: 80px;
    margin: 0 auto 24px;
    background-color: #f6f6f6;
    border-radius: 50%
}
.welcome-revenue-program .body .icon-wrap > i {
    margin-top: 24px
}
.welcome-revenue-program .body .title {
    margin-bottom: 20px;
    line-height: 28px;
    font-weight: 700 !important;
    font-size: 24px;
    color: #262636
}
.welcome-revenue-program .body .desc {
    margin: 0 auto 20px;
    font-size: 16px;
    color: #464656;
    line-height: 20px;
    text-align: left
}
.welcome-revenue-program .body .desc > span {
    font-weight: 700 !important
}
.welcome-revenue-program .footer {
    margin-top: 40px;
    border-radius: 0 0 4px 4px;
    text-align: center
}
.welcome-revenue-program .footer .continue-btn {
    width: 160px;
    height: 48px;
    margin: 0 auto;
    line-height: 48px
}
.support-message {
    resize: none;
    width: 600px;
    min-height: 176px;
    border: 1px solid #d6d6d6;
    padding: 18px 16px;
    font-size: 16px;
    color: rgba(70, 70, 86, .5);
    border-radius: 8px
}
.support-message::-webkit-input-placeholder {
    color: rgba(70, 70, 86, .5)
}
.support-message::-moz-placeholder {
    color: rgba(70, 70, 86, .5)
}
.message-button-wrap {
    font-size: 0;
    line-height: 0;
    text-align: right
}
.message-button-wrap > a {
    width: 76px
}
.message-button-wrap > a.disabled {
    opacity: .3
}
.support-message-counter {
    display: inline-block;
    width: 100%;
    margin: 4px 0 8px;
    font-size: 12px;
    color: #868696;
    text-align: right
}
.messages-wrapper {
    margin-top: 40px
}
.messages-wrapper, .messages-wrapper .dropdown-wrap {
    position: relative
}
.messages-wrapper .dropdown-wrap.mod-stats {
    position: absolute;
    right: 0;
    top: -19px
}
.messages-wrapper .dropdown-wrap.flex {
    min-width: 170px
}
.messages-wrapper .dropdown-wrap.flex .dropdown-btn, .messages-wrapper .dropdown-wrap.flex .dropdown-btn + .dropdown-options, .messages-wrapper .dropdown-wrap.flex .dropdown-btn + .dropdown-options .dropdown-option {
    width: 100%
}
.messages-wrapper .dropdown-btn {
    width: 170px;
    border-radius: 8px;
    font-size: 0;
    line-height: 0;
    background-color: rgba(38, 38, 54, .08)
}
.messages-wrapper .dropdown-btn.mod-tall .item-title {
    height: 40px;
    line-height: 40px
}
.messages-wrapper .dropdown-btn.mod-tall .item-title .ico {
    margin: 17px 16px 17px 8px
}
.messages-wrapper .dropdown-btn.on, .messages-wrapper .dropdown-btn:hover {
    background-color: hsla(240, 7%, 56%, .3)
}
.messages-wrapper .dropdown-btn.on {
    border-radius: 8px 8px 0 0
}
.messages-wrapper .dropdown-btn .item-title {
    display: inline-block;
    font-size: 0;
    line-height: 0;
    width: 100%;
    height: 32px;
    line-height: 32px
}
.messages-wrapper .dropdown-btn .item-title span {
    float: left;
    margin-left: 16px;
    font-weight: 700 !important;
    font-size: 14px;
    color: #464656;
    text-transform: capitalize
}
.messages-wrapper .dropdown-btn .item-title span.mod-normal {
    text-transform: none
}
.messages-wrapper .dropdown-btn .item-title span.mod-ink {
    color: #262636
}
.messages-wrapper .dropdown-btn .item-title .ico {
    float: right;
    margin: 13px 16px 13px 8px
}
.messages-wrapper .dropdown-btn.on + .dropdown-options {
    display: block
}
.messages-wrapper .dropdown-btn.mod-tall + .dropdown-options {
    top: 40px;
    max-height: 600px;
    overflow: scroll
}
.messages-wrapper .dropdown-btn + .dropdown-options {
    position: absolute;
    top: 32px;
    font-size: 0;
    line-height: 0;
    z-index: 9;
    text-transform: capitalize;
    display: none
}
.messages-wrapper .dropdown-btn + .dropdown-options .dropdown-option {
    position: relative;
    width: 170px;
    background-color: #262636;
    text-transform: capitalize
}
.messages-wrapper .dropdown-btn + .dropdown-options .dropdown-option:hover {
    background-color: #464656
}
.messages-wrapper .dropdown-btn + .dropdown-options .dropdown-option:last-child {
    border-radius: 0 0 8px 8px
}
.messages-wrapper .dropdown-btn + .dropdown-options .dropdown-option.mod-tall .option-title {
    line-height: 40px
}
.messages-wrapper .dropdown-btn + .dropdown-options .dropdown-option.mod-normal {
    text-transform: none
}
.messages-wrapper .dropdown-btn + .dropdown-options .dropdown-option i {
    position: absolute;
    top: 12px;
    right: 15px
}
.messages-wrapper .dropdown-btn + .dropdown-options .option-title {
    display: block;
    padding: 0 0 0 12px;
    line-height: 32px;
    color: #fff;
    font-size: 14px;
    font-weight: 700 !important
}
.messages-wrapper .sort-wrap {
    position: absolute;
    right: 0;
    top: -20px;
    font-size: 0;
    line-height: 0
}
.messages-wrapper .sort-wrap > div {
    display: inline-block
}
.messages-wrapper .messages-separator {
    margin: 24px 0 16px;
    line-height: 20px;
    font-size: 14px;
    color: #666676;
    font-weight: 700 !important
}
.messages-wrapper .messages-separator.mod-key {
    color: #fff
}
.messages-wrapper .messages-list {
    font-size: 0;
    line-height: 0
}
.messages-wrapper .messages-list .message-line {
    margin-bottom: 12px
}
.messages-wrapper .messages-list .message-line .message-body {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 60px 1fr;
    grid-template-columns: 60px 1fr;
    grid-gap: 16px;
    padding: 18px;
    border-radius: 8px 8px 0 0;
    border: 1px solid #e6e6e6
}
.messages-wrapper .messages-list .message-line .message-body .thumb-wrap {
    position: relative;
    display: block;
    width: 60px;
    height: 60px
}
.messages-wrapper .messages-list .message-line .message-body .message-content .name {
    line-height: 20px;
    font-weight: 700 !important
}
.messages-wrapper .messages-list .message-line .message-reply {
    position: relative;
    padding: 18px;
    background-color: #f6f6f6;
    border-radius: 0 0 8px 8px;
    border-right: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6
}
.messages-wrapper .messages-list .message-line .message-reply.empty {
    background-color: rgba(246, 182, 6, .1)
}
.messages-wrapper .messages-list .message-line .message-reply.empty .message-reply-body > .input {
    background-color: transparent
}
.messages-wrapper .messages-list .message-line .message-reply.editing .button-wrap {
    display: block !important
}
.messages-wrapper .messages-list .message-line .message-reply.editing + .message-reply-note {
    display: block
}
.messages-wrapper .messages-list .message-line .message-reply.edited .button-wrap, .messages-wrapper .messages-list .message-line .message-reply.edited .input {
    display: none !important
}
.messages-wrapper .messages-list .message-line .message-reply.edited .desc, .messages-wrapper .messages-list .message-line .message-reply.edited .msg {
    display: block !important
}
.messages-wrapper .messages-list .message-line .message-reply .message-reply-body {
    margin-left: 76px
}
.messages-wrapper .messages-list .message-line .message-reply .message-reply-body .input {
    width: 100%;
    height: 28px;
    min-height: 28px;
    resize: none;
    border: none;
    background-color: #f6f6f6;
    line-height: 24px;
    color: #262636
}
.messages-wrapper .messages-list .message-line .message-reply .message-reply-body .input::-webkit-input-placeholder {
    color: #868696 !important
}
.messages-wrapper .messages-list .message-line .message-reply .message-reply-body .input::-moz-placeholder {
    color: #868696 !important
}
.messages-wrapper .messages-list .message-line .message-reply .message-reply-body .input::-ms-input-placeholder {
    color: #868696 !important
}
.messages-wrapper .messages-list .message-line .message-reply .message-reply-body .desc, .messages-wrapper .messages-list .message-line .message-reply .message-reply-body .msg {
    display: none
}
.messages-wrapper .messages-list .message-line .message-reply .message-reply-body .button-wrap {
    display: none;
    text-align: right
}
.messages-wrapper .messages-list .message-line .message-reply .message-reply-body .button-wrap > a {
    width: 68px
}
.messages-wrapper .messages-list .message-line .message-reply-note {
    display: none
}
.messages-wrapper .messages-list .message-line .message-reply-note p {
    line-height: 20px
}
.messages-wrapper .messages-list .message-line .message-reply-note p:first-child {
    display: inline-block;
    font-size: 10px;
    color: #868696
}
.messages-wrapper .messages-list .message-line .message-content, .messages-wrapper .messages-list .message-line .message-reply-body {
    font-size: 16px;
    color: #262636
}
.messages-wrapper .messages-list .message-line .message-content .desc, .messages-wrapper .messages-list .message-line .message-reply-body .desc {
    line-height: 16px;
    font-size: 14px;
    font-weight: 700 !important
}
.messages-wrapper .messages-list .message-line .message-content .desc > i, .messages-wrapper .messages-list .message-line .message-reply-body .desc > i {
    vertical-align: top
}
.messages-wrapper .messages-list .message-line .message-content .msg, .messages-wrapper .messages-list .message-line .message-reply-body .msg {
    line-height: 24px
}
.messages-wrapper .messages-list .message-line .message-content .dot, .messages-wrapper .messages-list .message-line .message-reply-body .dot {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    position: relative;
    display: inline-block;
    background-color: #a6a6a6;
    margin: 6px;
    vertical-align: top
}
.messages-wrapper .messages-list .message-line .message-content .date, .messages-wrapper .messages-list .message-line .message-content .etc, .messages-wrapper .messages-list .message-line .message-reply-body .date, .messages-wrapper .messages-list .message-line .message-reply-body .etc {
    color: #a6a6a6
}
.messages-wrapper .message-load-btn {
    width: 100%
}
.messages-wrapper .message-load-short-btn {
    position: absolute;
    top: 0;
    right: 0;
    height: 20px
}
.messages-wrapper .message-empty {
    padding: 24px 0 32px;
    border: 1px solid #d6d6d6;
    border-radius: 8px;
    text-align: center
}
.messages-wrapper .message-empty p {
    margin-top: 20px;
    line-height: 20px;
    color: #a6a6a6;
    font-weight: 700 !important
}
.support-banner-wrap {
    width: 280px;
    position: relative
}
.support-banner-wrap .default-bg {
    width: 280px;
    height: 180px;
    background-color: #e6e6e6;
    border-radius: 8px;
    border: 1px solid #d6d6d6
}
.support-banner-wrap .default-bg > i {
    margin: 58px 92px
}
.support-banner-wrap .default-bg > span {
    text-transform: capitalize;
    line-height: 1;
    font-size: 16px;
    color: #fff;
    font-weight: 700 !important
}
.support-banner-wrap img {
    border-radius: 8px
}
.support-banner-wrap .tip {
    font-size: 14px;
    color: #868696;
    text-align: right
}
.support-banner-wrap .footer {
    margin-top: 8px
}
.support-goal-wrap {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 172px 360px;
    grid-template-columns: 172px 360px;
    grid-gap: 24px
}
.support-goal-wrap .input-wrap {
    font-size: 0;
    line-height: 0;
    margin: 16px 0 12px;
    border: 1px solid #d6d6d6;
    border-radius: 8px
}
.support-goal-wrap .input-wrap.disabled > i, .support-goal-wrap .input-wrap.disabled input, .support-goal-wrap .input-wrap.disabled span {
    opacity: .3
}
.support-goal-wrap .input-wrap.disabled input {
    display: none !important
}
.support-goal-wrap .input-wrap.disabled span {
    display: inline-block !important
}
.support-goal-wrap .input-wrap.progressing > i, .support-goal-wrap .input-wrap.progressing input, .support-goal-wrap .input-wrap.progressing span {
    opacity: 1
}
.support-goal-wrap .input-wrap.progressing input {
    display: none !important
}
.support-goal-wrap .input-wrap.progressing span {
    display: inline-block !important
}
.support-goal-wrap .input-wrap > i, .support-goal-wrap .input-wrap input {
    display: inline-block
}
.support-goal-wrap .input-wrap i {
    margin: 19px 6px 19px 16px;
    vertical-align: top
}
.support-goal-wrap .input-wrap input {
    width: 128px;
    padding: 16px 16px 16px 0;
    border: none;
    border-radius: 8px;
    background-color: #f6f6f6;
    line-height: 26px;
    font-size: 20px
}
.support-goal-wrap .input-wrap .goal-amount-label {
    display: none;
    line-height: 58px;
    font-size: 20px
}
.support-goal-wrap .button-wrap {
    font-size: 0;
    line-height: 0
}
.support-goal-wrap .button-wrap > a {
    width: 76px
}
.support-goal-wrap .button-wrap > a.mod-remove {
    width: 84px
}
.support-goal-wrap .button-wrap > a.disabled {
    opacity: .3
}
.support-goal-wrap .button-wrap > a:nth-child(2n) {
    display: inline-block
}
.support-goal-wrap .button-wrap > a:nth-child(odd) {
    display: none
}
.support-goal-wrap .button-wrap > a:nth-child(-n+2) {
    margin-right: 12px
}
.support-goal-wrap .button-wrap.progressing > a:nth-child(odd) {
    display: inline-block !important
}
.support-goal-wrap .button-wrap.progressing > a:nth-child(2n) {
    display: none !important
}
.support-goal-wrap .support-goal-types {
    font-size: 0;
    line-height: 0
}
.support-goal-wrap .support-goal-types > li {
    display: inline-block
}
.support-goal-wrap .support-goal-types > li:first-child {
    margin-right: 24px
}
.support-goal-wrap .support-goal-types.mod-reached .radio-wrap .p-radio:checked + .p-radio-label > .inner {
    border-color: rgba(70, 70, 86, .3)
}
.support-goal-wrap .support-goal-types.mod-reached .radio-wrap .p-radio:checked + .p-radio-label > .switch {
    background-color: rgba(70, 70, 86, .3)
}
.support-goal-wrap .support-goal-types.mod-reached .radio-wrap .p-radio:checked + .p-radio-label {
    color: #868696
}
.support-goal-wrap .progress-wrap {
    height: 60px;
    padding: 12px 16px 14px;
    margin-top: 36px;
    border: 1px solid #d6d6d6;
    border-radius: 8px;
    background-color: #fff
}
.support-goal-wrap .progress-wrap > span {
    color: #464656
}
.support-goal-wrap .progress-wrap .progress-status {
    color: #868696
}
.support-goal-wrap .progress-wrap .progress-status > span {
    color: #464656
}
.support-goal-wrap .progress-wrap .progress-bar {
    width: 100%;
    height: 4px;
    margin-top: 8px;
    background-color: hsla(240, 7%, 56%, .2);
    border-radius: 4px;
    box-shadow: none
}
.support-goal-wrap .progress-wrap .progress-bar > span {
    height: 100%;
    display: block;
    background-color: #464656;
    border-radius: 4px;
    transition: width 1.5s ease-out
}
.support-goal-wrap .progress-wrap > span:first-child:after {
    content: "Goal progress:"
}
.support-goal-wrap .progress-wrap.loaded > span:first-child:after {
    content: "Goal reached!"
}
.support-goal-wrap .progress-wrap.loading + .progress-footer .desc {
    display: block !important
}
.support-goal-wrap .progress-wrap.loaded + .progress-footer .desc, .support-goal-wrap .progress-wrap.loading + .progress-footer .complete-desc {
    display: none !important
}
.support-goal-wrap .progress-wrap.loaded + .progress-footer .complete-desc {
    display: block !important
}
.support-goal-wrap .progress-footer .desc {
    display: none;
    margin: 12px 0 0;
    line-height: 16px;
    font-size: 12px;
    color: #868696
}
.support-goal-wrap .progress-footer .complete-desc {
    display: none;
    margin: 20px 0 8px;
    line-height: 16px;
    font-size: 14px;
    color: #464656
}
.payout-modal {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 380px;
    border-radius: 8px;
    background-color: #fff
}
.payout-modal.mod-result .payout-modal-content {
    padding: 0 32px
}
.payout-modal.mod-result .payout-modal-content p {
    line-height: 24px;
    color: #262636;
    font-weight: 400 !important
}
.payout-modal.mod-result .payout-modal-content p:not(:last-child) {
    margin-bottom: 24px
}
.payout-modal.mod-result footer {
    background-color: #fff
}
.payout-modal.mod-result footer .button-wrap {
    margin: 0;
    text-align: center
}
.payout-modal header {
    padding: 32px 32px 24px;
    line-height: 28px;
    font-size: 24px;
    color: #262636;
    font-weight: 700 !important;
    text-align: center
}
.payout-modal .payout-modal-content {
    padding: 0 32px 24px;
    color: #464656
}
.payout-modal .payout-modal-content p {
    display: inline-block;
    margin: 0;
    line-height: 20px;
    font-size: 16px;
    font-weight: 700 !important
}
.payout-modal .payout-modal-content p .note {
    display: block;
    line-height: 16px;
    font-size: 12px;
    font-weight: 400 !important
}
.payout-modal footer {
    padding: 24px 32px;
    border-radius: 0 0 8px 8px;
    background-color: #f6f6f6
}
.payout-modal footer .email-section p {
    margin: 0 0 4px;
    line-height: 20px;
    font-size: 16px;
    color: #464656;
    font-weight: 700 !important
}
.payout-modal footer .email-section p a {
    line-height: 20px;
    font-size: 12px;
    color: #f6b606
}
.payout-modal footer .email-section .email, .payout-modal footer .email-section .email-input {
    min-height: 40px !important;
    margin: 0;
    padding: 10px 12px;
    border: 1px solid #d6d6d6;
    border-radius: 4px;
    line-height: 20px;
    color: #262636 !important;
    font-weight: 700 !important
}
.payout-modal footer .email-section .loading-indicator {
    display: none;
    margin: 25px 0 !important
}
.payout-modal footer .email-section.saving .email, .payout-modal footer .email-section.saving .email-input {
    display: none
}
.payout-modal footer .email-section.saving .loading-indicator {
    display: block
}
.payout-modal footer .button-wrap {
    font-size: 0;
    line-height: 0;
    margin-top: 24px;
    text-align: right
}
.payout-modal footer .button-wrap a {
    height: 36px;
    line-height: 36px;
    font-size: 14px
}
.payout-modal footer .button-wrap a:first-child {
    width: 84px;
    margin-right: 12px
}
.payout-modal footer .button-wrap a:nth-child(2) {
    width: 160px
}
.payout-modal footer .button-wrap a.disabled {
    opacity: .3
}
.payout-modal footer .button-wrap .transfer-btn .loading-indicator, .payout-modal footer .button-wrap .transfer-btn.loading span {
    display: none
}
.payout-modal footer .button-wrap .transfer-btn.loading .loading-indicator {
    display: block
}
.balance-box {
    display: inline-block;
    vertical-align: top;
    width: 160px
}
.balance-box:first-child {
    margin-right: 16px
}
.balance-box .body {
    text-align: center;
    border: 1px solid #d6d6d6;
    border-radius: 8px;
    padding: 12px 16px
}
.balance-box .body.shaded {
    background-color: #f6f6f6
}
.balance-box .body .header {
    margin-bottom: 5px;
    height: 20px;
    line-height: 20px;
    color: #868696;
    font-weight: 700 !important
}
.balance-box .body .header > i {
    vertical-align: sub;
    opacity: .3;
    transition: opacity .3s ease-out
}
.balance-box .body .header > i:hover {
    opacity: 1
}
.balance-box .body .balance {
    font-weight: 700 !important;
    font-size: 24px;
    line-height: 28px;
    color: #464656;
    display: inline-block;
    margin-bottom: 0
}
.balance-box footer {
    margin-top: 12px;
    text-align: center
}
.balance-box footer .link {
    line-height: 40px;
    text-align: center
}
.balance-box footer a {
    width: 100%
}
.balance-box footer a.disabled {
    background-color: #d6d6d6 !important;
    cursor: not-allowed
}
.balance-box footer a.disabled > span {
    cursor: not-allowed
}
.balance-box footer a > span {
    font-size: 14px
}
.balance-box footer .caution {
    margin: 4px 0 0;
    line-height: 16px;
    font-size: 12px;
    color: #a6a6a6
}
.revenue-performance-header {
    position: absolute;
    right: 0;
    top: 0;
    width: 144px;
    height: 64px;
    padding: 10px 0;
    border-radius: 8px;
    border: 1px solid #d6d6d6;
    background-color: #fff
}
.revenue-performance-header .total-revenue-wrap {
    text-align: center;
    width: 144px
}
.revenue-performance-header .total-revenue-wrap .stats-title {
    font-weight: 700 !important;
    font-size: 14px;
    color: #868696;
    line-height: 16px;
    margin-bottom: 0
}
.revenue-performance-header .total-revenue-wrap .stats-title > i {
    margin-bottom: 4px;
    vertical-align: middle;
    opacity: .3;
    transition: opacity .3s ease-out
}
.revenue-performance-header .total-revenue-wrap .stats-title > i:hover {
    opacity: 1
}
.revenue-performance-header .total-revenue-wrap .stats-title-add {
    font-weight: 700 !important;
    margin: 0;
    display: inline-block;
    line-height: 24px;
    font-size: 16px;
    color: #464656
}
#revenue-history-section .stats-tab {
    font-weight: 700 !important;
    font-size: 16px
}
#revenue-history-section .stats-tab a {
    color: #c6c6c6;
    padding: 10px 20px 18px
}
#revenue-history-section .stats-tab a.active, #revenue-history-section .stats-tab a:hover {
    color: #868696
}
#revenue-history-section .stats-content {
    font-size: 16px
}
#revenue-history-section .stats-content .revenue-bar {
    fill: #f6b606
}
#revenue-history-section .stats-content .revenue-bar.last {
    opacity: .5
}
#revenue-history-section .stats-content .revenue-bar.ad_revenue_payment {
    fill: #f6b606
}
#revenue-history-section .stats-content .revenue-bar:hover {
    cursor: pointer;
    fill: rgba(246, 182, 6, .3)
}
#revenue-history-section .stats-content .revenue-bar:hover.ad_revenue_payment {
    fill: rgba(246, 182, 6, .3)
}
#revenue-history-section .stats-content .stack .ad, #revenue-history-section .stats-content .stack .tip {
    fill: #f6b606
}
#revenue-history-section .tooltip {
    color: #fff
}
#revenue-history-section .tooltip .tooltip-inner {
    word-wrap: normal;
    padding: 20px;
    font-weight: 700 !important;
    font-size: 14px;
    text-align: center
}
.payment-history-header {
    position: relative;
    display: table;
    width: 100%;
    margin-bottom: 25px
}
.payment-history-header .balance-wrap {
    display: inline-block;
    float: left;
    border: 1px solid #d6d6d6;
    border-radius: 8px;
    padding: 0 10px
}
.payment-history-header .balance-wrap:nth-child(2) {
    background-color: #f6f6f6;
    margin-left: 16px
}
.payment-history-header .balance-wrap span {
    display: inline-block;
    margin: 0;
    line-height: 38px;
    font-weight: 700 !important;
    font-size: 16px
}
.payment-history-header .balance-wrap .title {
    color: #868696
}
.payment-history-header .balance-wrap .amount {
    float: right;
    margin-left: 8px;
    color: #464656;
    text-align: right
}
.payment-history-header .balance-wrap i {
    display: inline-block;
    vertical-align: text-top;
    float: right;
    margin: 11px 0 0 4px;
    opacity: .3;
    transition: opacity .3s ease-out
}
.payment-history-header .balance-wrap i:hover {
    opacity: 1
}
.payment-history-header .export-list {
    display: inline-block;
    float: right;
    margin-right: 20px;
    font-weight: 700 !important;
    font-size: 14px;
    color: #f6b606;
    line-height: 40px
}
.payment-history-header .export-list.disabled {
    cursor: not-allowed;
    background-color: inherit
}
.payment-history-header .export-list.disabled:hover {
    background-color: inherit;
    color: #666676
}
.payment-history-header .dropdown-wrap {
    position: relative
}
.payment-history-header .dropdown-wrap.mod-stats {
    position: absolute;
    right: 0;
    top: 0
}
.payment-history-header .dropdown-wrap.flex {
    min-width: 116px
}
.payment-history-header .dropdown-wrap.flex .dropdown-btn, .payment-history-header .dropdown-wrap.flex .dropdown-btn + .dropdown-options, .payment-history-header .dropdown-wrap.flex .dropdown-btn + .dropdown-options .dropdown-option {
    width: 100%
}
.payment-history-header .dropdown-btn {
    width: 116px;
    border-radius: 8px;
    font-size: 0;
    line-height: 0;
    background-color: rgba(38, 38, 54, .08)
}
.payment-history-header .dropdown-btn.mod-tall .item-title {
    height: 40px;
    line-height: 40px
}
.payment-history-header .dropdown-btn.mod-tall .item-title .ico {
    margin: 17px 16px 17px 8px
}
.payment-history-header .dropdown-btn.on, .payment-history-header .dropdown-btn:hover {
    background-color: hsla(240, 7%, 56%, .3)
}
.payment-history-header .dropdown-btn.on {
    border-radius: 8px 8px 0 0
}
.payment-history-header .dropdown-btn .item-title {
    display: inline-block;
    font-size: 0;
    line-height: 0;
    width: 100%;
    height: 32px;
    line-height: 32px
}
.payment-history-header .dropdown-btn .item-title span {
    float: left;
    margin-left: 16px;
    font-weight: 700 !important;
    font-size: 14px;
    color: #464656;
    text-transform: capitalize
}
.payment-history-header .dropdown-btn .item-title span.mod-normal {
    text-transform: none
}
.payment-history-header .dropdown-btn .item-title span.mod-ink {
    color: #262636
}
.payment-history-header .dropdown-btn .item-title .ico {
    float: right;
    margin: 13px 16px 13px 8px
}
.payment-history-header .dropdown-btn.on + .dropdown-options {
    display: block
}
.payment-history-header .dropdown-btn.mod-tall + .dropdown-options {
    top: 40px;
    max-height: 600px;
    overflow: scroll
}
.payment-history-header .dropdown-btn + .dropdown-options {
    position: absolute;
    top: 32px;
    font-size: 0;
    line-height: 0;
    z-index: 9;
    text-transform: capitalize;
    display: none
}
.payment-history-header .dropdown-btn + .dropdown-options .dropdown-option {
    position: relative;
    width: 116px;
    background-color: #262636;
    text-transform: capitalize
}
.payment-history-header .dropdown-btn + .dropdown-options .dropdown-option:hover {
    background-color: #464656
}
.payment-history-header .dropdown-btn + .dropdown-options .dropdown-option:last-child {
    border-radius: 0 0 8px 8px
}
.payment-history-header .dropdown-btn + .dropdown-options .dropdown-option.mod-tall .option-title {
    line-height: 40px
}
.payment-history-header .dropdown-btn + .dropdown-options .dropdown-option.mod-normal {
    text-transform: none
}
.payment-history-header .dropdown-btn + .dropdown-options .dropdown-option i {
    position: absolute;
    top: 12px;
    right: 15px
}
.payment-history-header .dropdown-btn + .dropdown-options .option-title {
    display: block;
    padding: 0 0 0 12px;
    line-height: 32px;
    color: #fff;
    font-size: 14px;
    font-weight: 700 !important
}
.help-tooltip {
    line-height: 16px;
    font-size: 14px;
    color: #fff
}
.help-tooltip div {
    margin-bottom: 20px
}
.help-tooltip div:last-child {
    margin-bottom: 0
}
.help-tooltip div p {
    font-weight: 400 !important;
    margin: 0 0 8px
}
.help-tooltip div p.bold {
    font-weight: 700 !important
}
.help-tooltip div p:last-child {
    margin: 0
}
.help-tooltip div p a {
    color: #fff
}
.help-tooltip div p span {
    opacity: .5
}
.help-tooltip div p .rate {
    float: right
}
.transactions .date {
    width: 14%
}
.transactions .from {
    width: 15%;
}
.transactions .desc {
    width: 41%
}
.transactions .amount {
    width: 120px
}
.transactions .balance {
    width: 14%;
}
.clear-table .name {
    width: 19%;
}
.transactions .desc p {
    margin: 4px 0 0 0;
    font-size: 12px;
    color: #757575;
}
.transactions .from img {
    border-radius: 100%;
}
.clear-table .name.mod-name {
    position: relative
}
.clear-table .name .name {
    margin-left: 16px;
    vertical-align: sub;
    color: #464656;
    font-weight: 700 !important
}
.clear-table .series {
    width: 31%
}
.clear-table .series .title {
    color: #464656;
    font-weight: 700 !important
}
.clear-table .date {
    width: 10%
}
.clear-table .status {
    width: 9%
}
.clear-table .amount {
    width: 12%
}
.revenue-history .date {
    width: 115px
}
.revenue-history .desc {
    width: 345px
}
.revenue-history .desc span {
    margin-left: 8px;
    font-size: 12px;
    color: #262636;
    font-weight: 700 !important;
    opacity: .3
}
.revenue-history .amount {
    width: 110px
}
.revenue-history .fee {
    width: 216px
}
.revenue-history .balance {
    width: 154px
}
.tp-table.transactions .td.desc > a {
    color: #060616
}
.tp-table {
    position: relative
}
.tp-table .header {
    font-size: 0;
    border-radius: 8px 8px 0 0
}
.tp-table .header.gray {
    background-color: #e6e6e6
}
.tp-table .header .cell {
    display: inline-block;
    padding: 12px 16px;
    border-left: 1px solid #fff;
    line-height: 16px;
    font-size: 14px;
    color: #464656;
    font-weight: 700 !important
}
.tp-table .header .cell:last-child {
    border: none
}
.tp-table .header .cell.sortable {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.tp-table .header .cell.sorted .ico-desc {
    display: inline-block
}
.tp-table .header .cell.sorted.asc .ico-desc {
    display: none
}
.tp-table .header .cell.sorted.asc .ico-asc, .tp-table .header .cell.sorted.desc .ico-desc {
    display: inline-block
}
.tp-table .header .cell.sorted.desc .ico-asc {
    display: none
}
.tp-table .header .cell .ico {
    margin-left: 4px;
    vertical-align: middle
}
.tp-table .header .cell > i:not(.ico) {
    vertical-align: sub;
    opacity: .3;
    transition: opacity .3s ease-out
}
.tp-table .header .cell > i:not(.ico):hover {
    opacity: 1
}
.tp-table .body {
    position: relative
}
.tp-table .body.mod-long {
    min-height: 300px
}
.tp-table .body.empty {
    background-color: #f6f6f6;
    min-height: auto;
    margin-bottom: 20px;
}
.tp-table .body .tr {
    font-size: 0;
}
.tp-table .body .tr .td {
    display: inline-block;
    padding: 8px 16px;
    line-height: 24px;
    font-size: 14px;
    vertical-align: middle;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}
.tp-table .body .tr .td.mod-td {
    padding-right: 36px
}
.tp-table .body .tr .td .thumb-wrap {
    position: relative;
    font-size: 0;
    line-height: 0;
    width: 44px;
    height: 44px;
    display: inline-block
}
.tp-table .body .tr:nth-child(2n-1) {
    background-color: #fff
}
.tp-table .body .tr:nth-child(2n) {
    background-color: #f6f6f6
}
.tp-table .body .empty-msg {
    text-align: center;
    position: absolute;
    margin-top: 5px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}
.notification-head li {
    display: inline-block !important;
    width: 100% !important;
    box-sizing: border-box;
}
.notification-head li .body__desc--large.body__desc--overflow {
    font-weight: bold;
}
.tp-table .body .empty-msg p {
    line-height: 1.1;
    color: #d6d6d6
}
.tp-table .body .empty-msg p:first-child {
    font-weight: 700 !important;
    font-size: 40px
}
.tp-table .body .empty-msg p:last-child {
    font-size: 22px
}
.tp-table .pager {
    margin-top: 25px
}
.tp-table .pagination-wrap {
    font-size: 0;
    line-height: 0
}
.tp-table .pagination-wrap.fixed {
    position: absolute;
    top: -35px;
    left: 0;
    font-size: 12px
}
.tp-table .pagination-wrap .paging-btn {
    display: inline-block;
    width: 80px;
    height: 40px;
    background-color: hsla(0, 0%, 78%, .3);
    line-height: 40px;
    font-size: 12px;
    color: #464656;
    font-weight: 700 !important
}
.tp-table .pagination-wrap .paging-btn.disabled {
    color: rgba(70, 70, 86, .3)
}
.tp-table .pagination-wrap .paging-btn.disabled > i {
    opacity: .3
}
.tp-table .pagination-wrap .prev {
    border-radius: 8px 0 0 8px;
    margin-right: 1px
}
.tp-table .pagination-wrap .prev > i {
    margin-right: 8px;
    vertical-align: middle
}
.tp-table .pagination-wrap .next {
    border-radius: 0 8px 8px 0
}
.tp-table .pagination-wrap .next > i {
    margin-left: 8px;
    vertical-align: middle
}
.dashboard-categories {
    overflow: hidden
}
.dashboard-categories > li {
    float: right;
    width: 150px;
    height: 39px;
    padding-bottom: 15px
}
#nsfwByHero-status-maker + label {
    width: 250px;
    padding: 0
}
#nsfwByHero-status-maker + label .inner {
    left: 250px
}
#nsfwByHero-status-maker + label .switch {
    left: 253px
}
.notice-confirm-wrap {
    width: 470px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .25);
    z-index: 998
}
.notice-confirm-wrap .body {
    padding: 30px
}
.notice-confirm-wrap .body .title {
    margin-bottom: 25px;
    font-weight: 700 !important;
    font-size: 24px;
    color: #464656
}
.notice-confirm-wrap .body .desc {
    font-weight: 400 !important;
    font-size: 16px;
    color: #868696;
    line-height: 22px
}
.notice-confirm-wrap .footer {
@mixin @mixin rm-space;
    overflow: hidden;
    padding: 10px 10px 10px 30px;
    background-color: #f6f6f6;
    border-radius: 0 0 3px 3px;
    border-top: 1px solid #e6e6e6
}
.notice-confirm-wrap .footer .cancel-btn {
    margin-right: 45px;
    line-height: 32px;
    color: #a6a6a6
}
.notice-confirm-wrap .footer .cancel-btn > i {
    vertical-align: middle;
    margin: 0 10px 0 0
}
.notice-confirm-wrap .footer .save-btn {
    float: right;
    padding: 5px 10px
}
.notice-confirm-wrap .footer .save-btn:last-child {
    width: 110px;
    margin-right: 10px
}
.notice-confirm-wrap .footer .save-btn > i {
    margin: 6px;
    vertical-align: middle
}
.row-input-humanurl {
    margin-bottom: 40px;
    width: 600px;
    display: inline-block;
    position: relative
}
.row-input-humanurl .static-website {
    position: relative;
    border: 1px solid #c6c6c6;
    width: 600px;
    height: 50px;
    line-height: 48px;
    border-radius: 3px
}
.row-input-humanurl .static-website .domain-url {
    width: 270px;
    height: 48px;
    background-color: #f6f6f6;
    border-radius: 3px 0 0 3px
}
.row-input-humanurl .static-website .domain-url .sp-field-link {
    position: absolute;
    top: 15px;
    left: 10px
}
.row-input-humanurl .static-website .domain-url .prefix-url {
    position: absolute;
    font-weight: 700 !important;
    font-size: 19px;
    color: #a6a6a6;
    left: 56px;
    direction: ltr;
    top: 4px;
    font-family: Yekan-B;
}
.row-input-humanurl .static-website .domain-input {
    position: absolute;
    top: 0;
    width: 300px;
    height: 48px;
    border-radius: 0 3px 3px 0;
    margin-left: 270px;
    background-color: #fff;
    line-height: 1
}
.row-input-humanurl .static-website .domain-input .text {
    height: 50px;
    border: 0;
    border-radius: 0 3px 3px 0;
    padding: 8px 60px 4px 6px;
    margin-bottom: 0;
    font-family: Yekan-B;
    line-height: 2.5;
    font-weight: 700 !important;
    font-size: 20px;
    color: #464656;
    box-shadow: none;
    box-sizing: border-box;
}
.row-input-humanurl .static-website .domain-input .text.input {
    padding-left: 6px;
    vertical-align: middle
}
.row-input-humanurl .static-website .button-wraps {
    position: absolute;
    top: 4px;
    right: 10px;
    font-size: 0;
    line-height: 0
}
.row-input-humanurl .static-website .button-wraps .mod-check > i {
    margin: 12px 10px
}
.row-input-humanurl .input-message {
    display: none;
    margin-top: 10px;
    height: 18px;
    text-align: right;
    color: #c6c6c6;
    font-size: 12px
}
.row-input-humanurl .input-message.error {
    display: block;
    color: #f64656
}
.dashboard-series .input-form-wrap .input-form-footer {
    margin-top: 30px
}
.dashboard-series .row-label {
    font-size: 16px;
    color: #666676;
    margin-bottom: 15px;
    line-height: 30px;
    text-transform: capitalize;
    font-weight: 700 !important
}
.dashboard-series .row-label.mod-inline {
    display: inline-block;
    width: auto;
    line-height: 32px;
    margin-right: 20px
}
.dashboard-series .row-label .tip {
    font-weight: 700 !important;
    font-size: 12px;
    color: #a6a6a6;
    display: inline-block;
    margin-left: 10px;
    vertical-align: bottom
}
.dashboard-series .row-label .tip.mod-tip {
    float: right;
    margin-top: 4px;
    text-transform: none
}
.dashboard-series .row-label .tip > a {
    color: #868696
}
.dashboard-series .row-label .supporting-ad-tip {
    font-size: 14px;
    color: #a6a6a6;
    text-transform: none
}
.dashboard-series .fake-file-wrap {
    font-size: 200px;
    overflow: hidden;
    position: absolute;
    top: 0;
    opacity: 0;
    z-index: 1
}
.dashboard-series .fake-file-wrap.mod-thumb {
    width: 200px;
    height: 200px
}
.dashboard-series .fake-file-wrap.mod-book-cover {
    width: 220px;
    height: 330px
}
.dashboard-series .fake-file-wrap.mod-cover {
    width: 600px;
    height: 216px
}
.dashboard-series .fake-file-wrap.mod-custom-banner {
    width: 280px;
    height: 180px
}
.dashboard-series .fake-file-wrap .thumb-file {
    width: 200px;
    height: 200px;
    cursor: pointer
}
.dashboard-series .fake-file-wrap .book-cover-file {
    width: 220px;
    height: 330px;
    cursor: pointer
}
.dashboard-series .fake-file-wrap .banner-file {
    width: 600px;
    height: 216px;
    cursor: pointer
}
.dashboard-series .fake-file-wrap .supporting-ad-file {
    width: 280px;
    height: 180px;
    cursor: pointer
}
.dashboard-series .row-input {
    margin-bottom: 40px;
    position: relative;
}
.dashboard-series .row-input .score {
    position: absolute;
    width: 180px;
    background: #fff;
    top: 9px;
    left: 0;
}
.dashboard-series .row-input .score .score-desc {
    position: absolute;
    right: -41px;
    top: -1px;
    font-weight: bold;
    font-size: 13px;
    color: #9E9E9E;
}
.dashboard-series .row-input .inner {
    position: relative
}
.dashboard-series .row-input.mod-inline {
    display: inline-block;
    width: auto;
    vertical-align: top;
    line-height: 50px
}
.dashboard-series .row-input .link-ico-wrap {
    position: absolute;
    top: 15px;
    left: 10px;
    z-index: 1
}
.dashboard-series .row-input .text {
    height: 47px;
    border: 1px solid #c6c6c6;
    border-radius: 3px;
    box-shadow: none;
    font-size: 14px;
    line-height: 1;
    padding: 0px 6px;
    margin: 0;
    box-sizing: border-box;
    cursor: auto !important;
    font-weight: 400 !important;
    color: #464656;
    width: 97%;
}
.dashboard-series .row-input .text::-webkit-input-placeholder {
    color: #c6c6c6 !important
}
.dashboard-series .row-input .text::-moz-placeholder {
    color: #c6c6c6 !important
}
.dashboard-series .row-input .text.link {
    padding-left: 40px
}
.dashboard-series .row-input .text:focus {
    outline: none
}
.dashboard-series .row-input .textarea {
    width: 100%;
    height: 200px;
    padding: 10px 6px;
    line-height: 1.3;
    resize: none
}
.dashboard-series .row-input .error-message {
    padding-top: 5px;
    color: #f64656;
    font-weight: 700 !important;
    font-size: 14px
}
.dashboard-series .row-input .banner-file-wrap {
    width: 598px;
    height: 216px;
    line-height: 214px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #c6c6c6;
    border-radius: 4px
}
.dashboard-series .row-input .banner-file-wrap > img {
    height: 100%;
    border-radius: 3px
}
.dashboard-series .row-input .banner-file-wrap .default-bg {
    width: 598px;
    height: 214px;
    border-radius: 4px
}
.dashboard-series .row-input .banner-file-wrap .default-bg .hover {
    visibility: hidden;
    position: absolute;
    top: 31px;
    left: 200px
}
.dashboard-series .row-input .banner-file-wrap .default-bg .inner {
    margin: 30px 198px 25px
}
.dashboard-series .row-input .fake-file-wrap:hover + .banner-file-wrap .default-bg .hover {
    visibility: visible
}
.dashboard-series .row-input .fake-file-wrap:hover + .banner-file-wrap .default-bg .inner {
    visibility: hidden
}
.dashboard-series .row-input .remove-btn-wrap {
    margin-top: 10px;
    margin-bottom: 28px
}
.dashboard-series .row-input .remove-btn-wrap.mod-wrap {
    width: 280px
}
.dashboard-series .row-input .remove-btn-wrap .remove-btn {
    float: right;
    font-weight: 700 !important;
    font-size: 14px;
    color: rgba(70, 70, 86, .5)
}
.dashboard-series .row-input .remove-btn-wrap .remove-btn:hover {
    color: #464656
}
.dashboard-series .row-input .supporting-ad-file-wrap {
    width: 280px;
    height: 180px
}
.dashboard-series .row-input .supporting-ad-file-wrap > img {
    height: 100%;
    border-radius: 4px
}
.dashboard-series .row-input .supporting-ad-file-wrap .default-bg {
    width: 280px;
    height: 180px;
    background-color: rgba(70, 70, 86, .3);
    text-align: center;
    border-radius: 4px
}
.dashboard-series .row-input .supporting-ad-file-wrap .default-bg > i {
    margin: 58px 92px
}
.dashboard-series .row-input .supporting-ad-file-wrap .default-bg > span {
    text-transform: capitalize;
    line-height: 1;
    font-size: 16px;
    color: #fff;
    font-weight: 700 !important
}
.dashboard-series .row-input .fake-file-wrap.supporting-ad:hover + .supporting-ad-file-wrap .default-bg {
    background-color: #464656
}
.dashboard-series .row-input .fake-file-wrap.supporting-ad:hover + .supporting-ad-file-wrap .default-bg > span {
    color: #fff
}
.dashboard-series .row-merge {
    overflow: hidden;
    width: 600px
}
.dashboard-series .row-merge .thumb-wrap {
    width: 200px;
    margin-right: 30px;
    float: left;
    padding-bottom: 35px
}
.dashboard-series .row-merge .thumb-wrap.mod-wider {
    width: 100%
}
.dashboard-series .row-merge .thumb-wrap.mod-book-cover {
    width: 270px
}
.dashboard-series .row-merge .thumb-wrap .inner {
    position: relative;
    font-size: 0;
    line-height: 0
}
.dashboard-series .row-merge .thumb-wrap .thumb-preview-wrap {
    height: 198px
}
.dashboard-series .row-merge .thumb-wrap .thumb-preview-wrap.book-cover {
    height: 328px
}
.dashboard-series .row-merge .thumb-wrap .thumb-preview-wrap > img {
    height: 100%
}
.dashboard-series .row-merge .thumb-wrap .thumb-preview-wrap .default-bg {
    width: 200px;
    height: 200px;
    background-color: #d6d6d6;
    text-align: center;
    border-radius: 4px
}
.dashboard-series .row-merge .thumb-wrap .thumb-preview-wrap .default-bg.book-cover {
    width: 220px;
    height: 330px
}
.dashboard-series .row-merge .thumb-wrap .thumb-preview-wrap .default-bg.book-cover > i {
    margin-top: 110px
}
.dashboard-series .row-merge .thumb-wrap .thumb-preview-wrap .default-bg > i {
    margin: 50px 51px 18px
}
.dashboard-series .row-merge .thumb-wrap .thumb-preview-wrap .default-bg > span {
    text-transform: capitalize;
    line-height: 1;
    font-size: 16px;
    color: #fff;
    font-weight: 700 !important
}
.dashboard-series .row-merge .thumb-wrap .fake-file-wrap:hover + .thumb-preview-wrap .default-bg {
    background-color: #464656
}
.dashboard-series .row-merge .thumb-wrap .tip-thumbnail {
    padding-top: 10px;
    color: #c6c6c6;
    padding-bottom: 35px;
    font-size: 10px
}
.dashboard-series .row-merge .thumb-wrap .thumbnail-guide {
    display: inline-block;
    width: 326px
}
.dashboard-series .row-merge .thumb-wrap .thumbnail-guide.mod-wide {
    width: 371px
}
.dashboard-series .row-merge .thumb-wrap .thumbnail-guide p {
    color: #a6a6a6;
    font-size: 14px
}
.dashboard-series .row-merge .thumb-wrap .thumbnail-guide p.title {
    margin: 33px 0 8px;
    font-weight: 700 !important
}
.dashboard-series .row-merge .thumb-wrap .thumbnail-guide p .bold, .dashboard-series .row-merge .thumb-wrap .thumbnail-guide p .bold:hover {
    font-weight: 700 !important;
    color: #666676
}
.dashboard-series .row-merge .desc-wrap {
    margin-left: 230px
}
.dashboard-series .content-editable {
    outline: none;
    width: 720px;
    min-height: 300px;
    margin-bottom: 14px;
    border-bottom: 1px solid #d6d6d6;
    font-weight: 400;
    font-size: 20px;
    color: #262636;
    text-align: left
}
.dashboard-series .content-editable.no-line {
    border: none;
    margin-bottom: 0
}
.dashboard-series .content-editable p {
    margin: 0 0 1.1em !important;
    line-height: 33px
}
.dashboard-series .content-editable p b {
    line-height: inherit
}
.dashboard-series .content-editable h2 {
    margin: 0 0 8px;
    line-height: 40px
}
.dashboard-series .content-editable i {
    font-size: inherit;
    line-height: inherit;
    display: initial
}
.dashboard-series .content-editable blockquote {
    padding: 20px 0 20px 60px;
    margin: 0;
    font-size: inherit;
    border: none;
    font-style: italic
}
.dashboard-series .content-editable h2 {
    font-weight: 700 !important;
    font-size: 32px
}
.bgm-add-wrap .bgm-btn {
    width: 560px
}
.bgm-add-wrap .bgm-btn .btn-label {
    line-height: 50px;
    font-size: 20px
}
.bgm-play-wrap {
    position: relative;
    background-color: #f68606;
    border-radius: 3px;
    height: 50px
}
.bgm-play-wrap .play-pause-btn {
    float: left;
    height: 50px;
    border-radius: 3px 0 0 3px
}
.bgm-play-wrap .play-pause-btn i {
    margin-top: 18px
}
.bgm-play-wrap .btn-label {
    font-weight: 700 !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 454px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    padding: 0 38px 0 4px;
    text-align: left;
    vertical-align: top;
    float: left;
    color: #fff
}
.bgm-play-wrap .delete-bgm {
    float: right;
    height: 50px;
    border-radius: 0 3px 3px 0
}
.bgm-play-wrap .delete-bgm i {
    margin-top: 18px
}
.collapsible-box .shadow-bar {
    position: relative;
    left: -20px;
    width: 600px;
    height: 5px;
    opacity: .9;
    box-shadow: 0 -5px 7px -2px 1px 3px rgba(0, 0, 0, .3) rgba(0, 0, 0, .25)
}
.collapsible-box .collapsible-wrap {
    transition: height .3s linear 0s;
    overflow: hidden
}
.collapsible-box.less .collapsible-wrap {
    height: 0 !important
}
.collapsible-box.less .more-btn .btn-less, .collapsible-box.less .more-btn .less-msg {
    display: none
}
.collapsible-box.less .more-btn .btn-more, .collapsible-box.less .more-btn .more-msg {
    display: inline-block
}
.collapsible-box .more-btn {
    text-transform: capitalize;
    font-weight: 700 !important;
    color: #666676
}
.collapsible-box .more-btn .btn-more, .collapsible-box .more-btn .more-msg {
    display: none
}
.collapsible-box .more-btn:hover {
    color: hsla(240, 7%, 56%, .6)
}
.sharing-thumb-box .collapsible-wrap {
    height: 395px
}
.sharing-thumb-box .heading {
    margin-bottom: 24px;
    line-height: 28px;
    font-size: 14px;
    color: #868696
}
.sharing-thumb-box .sharing-thumb-area {
    margin-bottom: 10px;
    position: relative;
    line-height: 0
}
.sharing-thumb-box .sharing-thumb-area .hover-layer {
    display: none;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(6, 6, 22, .6);
    text-align: center;
    color: #fff
}
.sharing-thumb-box .sharing-thumb-area .hover-layer > i {
    margin: 124px 0 12px
}
.sharing-thumb-box .sharing-thumb-area .hover-layer .txt {
    font-size: 16px;
    line-height: 20px
}
.sharing-thumb-box .sharing-thumb-area:hover .hover-layer {
    display: block
}
.sharing-thumb-box .footer {
    margin-bottom: 28px;
    text-align: right
}
.sharing-thumb-box .footer > a {
    color: rgba(70, 70, 86, .5);
    font-weight: 700 !important
}
.sharing-thumb-box .footer > a:hover {
    color: #464656
}
.episode-body {
    width: 940px;
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px
}
.episode-body h2.title {
    margin-bottom: 30px;
    line-height: 1.2;
    font-size: 28px;
    font-weight: 700 !important
}
.episode-body .content-editable {
    outline: none;
    width: 720px;
    min-height: 300px;
    margin-bottom: 14px;
    border-bottom: 1px solid #d6d6d6;
    font-weight: 400;
    font-size: 20px;
    color: #262636;
    text-align: left
}
.episode-body .content-editable.no-line {
    border: none;
    margin-bottom: 0
}
.episode-body .content-editable p {
    margin: 0 0 1.1em !important;
    line-height: 33px
}
.episode-body .content-editable p b {
    line-height: inherit
}
.episode-body .content-editable h2 {
    margin: 0 0 8px;
    line-height: 40px
}
.episode-body .content-editable i {
    font-size: inherit;
    line-height: inherit;
    display: initial
}
.episode-body .content-editable blockquote {
    padding: 20px 0 20px 60px;
    margin: 0;
    font-size: inherit;
    border: none;
    font-style: italic
}
.episode-body .content-editable h2 {
    font-weight: 700 !important;
    font-size: 32px
}
.episode-body .art-image-wrap {
    min-height: 300px;
    position: relative;
    z-index: 995
}
.episode-body .art-image-wrap .art-image {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.episode-body .nsfw-wrap {
    background: url(../image/gray-background-stripes.png);
    padding: 90px
}
.episode-body .nsfw-wrap .inner {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 450px
}
.episode-body .nsfw-wrap .inner .title {
    font-weight: 700 !important;
    font-size: 48px;
    line-height: 50px;
    color: #868696
}
.episode-body .nsfw-wrap .inner .desc {
    margin: 30px 0;
    font-size: 16px;
    line-height: 24px;
    color: #666676
}
.episode-body .nsfw-wrap .inner .footer {
    margin-top: 30px;
    color: #666676
}
#dashboard-episodes-section {
    margin-bottom: 60px;
    overflow: hidden
}
#dashboard-episodes-section .show-all-episodes {
    margin-top: 10px;
    text-align: center;
    background-color: #d6d6d6;
    font-weight: 700 !important;
    font-size: 16px;
    color: #fff;
    display: block;
    line-height: 2
}
#dashboard-episodes-section .show-all-episodes:hover {
    background-color: #c6c6c6
}
#files-wrap .files-header {
    font-size: 0
}
#files-wrap .files-header .field {
    color: rgba(70, 70, 86, .5);
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 9px
}
#files-wrap .files-header .field.order .ico {
    margin-left: 5px
}
#files-wrap .files-header .field.order:hover {
    color: #464656
}
#files-wrap .files-header .field.order.asc .sp-ico-expand, #files-wrap .files-header .field.order.desc .sp-ico-collapse {
    display: none
}
#files-wrap .field {
    font-weight: 700 !important;
    display: inline-block;
    vertical-align: middle
}
#files-wrap .field.order {
    width: 65px;
    text-align: center
}
#files-wrap .field.file-name {
    width: 160px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}
#files-wrap .field.file-size {
    width: 120px;
    padding: 0 5px
}
#files-wrap .field.file-size .size-format {
    font-weight: 700 !important
}
#files-wrap .field.error-msg {
    width: 222px;
    margin-right: 10px
}
#files-wrap .field.delete-row {
    width: 10px;
    line-height: 12px;
    margin-right: 10px
}
#files-wrap .field.delete-row > i {
    vertical-align: text-top
}
#files-wrap .field.delete-row .hover {
    visibility: hidden;
    position: absolute;
    right: 10px;
    top: 12px
}
#files-wrap .field.delete-row:hover .hover {
    visibility: visible
}
#files-wrap .field.delete-row:hover .inner {
    visibility: hidden
}
#files-wrap .content-files .drop-target {
    width: 600px;
    height: 3px;
    background-color: #56c676;
    position: absolute;
    z-index: 9
}
#files-wrap .content-files .no-files {
    color: #a6a6a6;
    line-height: 40px;
    border-top: 1px solid #868696;
    border-bottom: 1px solid #868696;
    text-align: center;
    margin-bottom: -1px
}
#files-wrap .content-files .content-row {
    font-size: 0;
    line-height: 20px;
    margin-bottom: -1px;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
#files-wrap .content-files .content-row:nth-child(2) {
    border-top: 1px solid #868696
}
#files-wrap .content-files .content-row:not(:nth-child(2)) {
    border-top: 1px solid hsla(240, 7%, 56%, .3)
}
#files-wrap .content-files .content-row:last-child {
    border-bottom: 1px solid #868696
}
#files-wrap .content-files .content-row:hover {
    background-color: rgba(70, 70, 86, .3)
}
#files-wrap .content-files .content-row .fields {
    position: relative;
    z-index: 2;
    padding: 10px 0
}
#files-wrap .content-files .content-row .field {
    font-size: 14px;
    color: #262636
}
#files-wrap .content-files .content-row .field.error-msg {
    line-height: 20px
}
#files-wrap .content-files .content-row.on {
    background-color: rgba(70, 70, 86, .5);
    border: 1px solid #fff;
    border-left: 0 none;
    border-right: 0 none
}
#files-wrap .content-files .content-row.failed {
    cursor: default
}
#files-wrap .content-files .content-row.failed:hover {
    background-color: #fff
}
#files-wrap .content-files .content-row.failed .field {
    color: #c6c6c6
}
#files-wrap .content-files .content-row.failed .field.error-msg {
    color: #f64656;
    text-align: left;
    font-size: 14px
}
#files-wrap .content-files .content-row.ing {
    cursor: default
}
#files-wrap .content-files .content-row.ing:hover {
    background-color: #fff
}
#files-wrap .content-files .content-row.ing .progress-wrap {
    display: block;
    position: absolute;
    background-color: rgba(70, 70, 86, .3);
    z-index: 999;
    transition: width .2s linear 0s;
    top: 0;
    bottom: 0
}
#files-wrap .content-files .content-row.ing .field {
    color: #464656
}
#files-wrap .content-files .content-row.ing .delete-row, #files-wrap .content-files .content-row .progress-wrap {
    display: none
}
#files-wrap .files-footer {
    padding-top: 10px
}
#files-wrap .files-footer .file-upload-wrap {
    position: relative;
    display: inline-block
}
#files-wrap .files-footer .file-upload-wrap .fake-button-wrap {
    font-size: 16px;
    overflow: hidden;
    position: absolute;
    top: 0;
    opacity: 0;
    left: 0;
    right: 0
}
#files-wrap .files-footer .file-upload-wrap .fake-button-wrap .file {
    width: 132px;
    height: 32px;
    cursor: pointer
}
#files-wrap .files-footer .file-upload-wrap .fake-button-wrap:hover + .add-files {
    background-color: #464656
}
#files-wrap .files-footer .file-upload-wrap .add-files > .btn-label {
    font-size: 14px
}
#files-wrap .files-footer .file-count-wrap {
    margin-left: 10px;
    display: inline-block;
    vertical-align: bottom;
    font-size: 16px;
    color: #666676;
    font-weight: 700 !important
}
#files-wrap .files-footer .file-count-wrap > span {
    line-height: 32px
}
#files-section {
    overflow: hidden
}
#files-section .schedule-wrap {
    margin: 0 0 20px;
    text-transform: capitalize;
    font-weight: 700 !important;
    color: #464656;
    font-size: 14px
}
#files-section .schedule-wrap .btn-schedule {
    vertical-align: text-top;
    margin-right: 10px
}
#files-section .schedule-wrap .date > a, #files-section .schedule-wrap .date a:hover {
    color: #f68606
}
#files-section .dropdown-wrap {
    position: relative
}
#files-section .dropdown-wrap.mod-stats {
    position: absolute;
    right: 0;
    top: 0
}
#files-section .dropdown-wrap.flex {
    min-width: 600px
}
#files-section .dropdown-wrap.flex .dropdown-btn, #files-section .dropdown-wrap.flex .dropdown-btn + .dropdown-options, #files-section .dropdown-wrap.flex .dropdown-btn + .dropdown-options .dropdown-option {
    width: 100%
}
#files-section .dropdown-btn {
    width: 600px;
    border-radius: 8px;
    font-size: 0;
    line-height: 0;
    background-color: rgba(38, 38, 54, .08)
}
#files-section .dropdown-btn.mod-tall .item-title {
    height: 40px;
    line-height: 40px
}
#files-section .dropdown-btn.mod-tall .item-title .ico {
    margin: 17px 16px 17px 8px
}
#files-section .dropdown-btn.on, #files-section .dropdown-btn:hover {
    background-color: hsla(240, 7%, 56%, .3)
}
#files-section .dropdown-btn.on {
    border-radius: 8px 8px 0 0
}
#files-section .dropdown-btn .item-title {
    display: inline-block;
    font-size: 0;
    line-height: 0;
    width: 100%;
    height: 32px;
    line-height: 32px
}
#files-section .dropdown-btn .item-title span {
    float: left;
    margin-left: 16px;
    font-weight: 700 !important;
    font-size: 14px;
    color: #464656;
    text-transform: capitalize
}
#files-section .dropdown-btn .item-title span.mod-normal {
    text-transform: none
}
#files-section .dropdown-btn .item-title span.mod-ink {
    color: #262636
}
#files-section .dropdown-btn .item-title .ico {
    float: right;
    margin: 13px 16px 13px 8px
}
#files-section .dropdown-btn.on + .dropdown-options {
    display: block
}
#files-section .dropdown-btn.mod-tall + .dropdown-options {
    top: 40px;
    max-height: 600px;
    overflow: scroll
}
#files-section .dropdown-btn + .dropdown-options {
    position: absolute;
    top: 32px;
    font-size: 0;
    line-height: 0;
    z-index: 9;
    text-transform: capitalize;
    display: none
}
#files-section .dropdown-btn + .dropdown-options .dropdown-option {
    position: relative;
    width: 600px;
    background-color: #262636;
    text-transform: capitalize
}
#files-section .dropdown-btn + .dropdown-options .dropdown-option:hover {
    background-color: #464656
}
#files-section .dropdown-btn + .dropdown-options .dropdown-option:last-child {
    border-radius: 0 0 8px 8px
}
#files-section .dropdown-btn + .dropdown-options .dropdown-option.mod-tall .option-title {
    line-height: 40px
}
#files-section .dropdown-btn + .dropdown-options .dropdown-option.mod-normal {
    text-transform: none
}
#files-section .dropdown-btn + .dropdown-options .dropdown-option i {
    position: absolute;
    top: 12px;
    right: 15px
}
#files-section .dropdown-btn + .dropdown-options .option-title {
    display: block;
    padding: 0 0 0 12px;
    line-height: 32px;
    color: #fff;
    font-size: 14px;
    font-weight: 700 !important
}
#files-section .file-select-wrap {
    font-size: 0;
    position: relative;
    margin-bottom: 25px
}
#files-section .file-select-wrap .fake-button-wrap {
    font-size: 32px;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0
}
#files-section .file-select-wrap .fake-button-wrap .file {
    width: 600px;
    height: 62px;
    cursor: pointer
}
#files-section .file-select-wrap .add-episode-btn {
    width: 600px;
    height: 62px;
    line-height: 62px
}
#files-section .file-select-wrap .add-episode-btn .btn-label {
    font-weight: 700 !important;
    font-size: 16px
}
#files-section .tip-wrap {
    font-size: 0;
    line-height: 0;
    margin-bottom: 25px
}
#files-section .tip-wrap > div, #files-section .tip-wrap > i {
    display: inline-block
}
#files-section .tip-wrap .tip-desc {
    margin-left: 29px;
    margin-top: 15px;
    width: 410px;
    color: #464656;
    vertical-align: top
}
#files-section .tip-wrap .tip-desc p {
    font-weight: 700 !important;
    font-size: 16px;
    line-height: 1.4;
    margin: 0
}
#files-section .tip-wrap .tip-desc p.sub-desc {
    font-size: 16px;
    font-weight: 400 !important
}
#files-section .tip-wrap .tip-desc p.sub-desc i {
    vertical-align: text-bottom
}
#files-section .tip-wrap .tip-desc p.sub-desc .link {
    color: rgba(38, 38, 54, .5)
}
#files-section .tip-wrap .tip-desc p.sub-desc .link:hover {
    color: #262636
}
#files-section .tip-wrap .tip-desc p img {
    vertical-align: middle
}
#episode-info-section {
    background-color: #f6f6f6
}
#episode-info-section .row-input .scene-wrap {
    display: inline-block;
    background-color: #e6e6e6;
    color: #868696;
    text-align: center;
    font-weight: 700 !important;
    width: 70px;
    line-height: 50px;
    margin-right: 10px;
    font-size: 16px
}
#episode-info-section .row-input #title {
    width: 480px;
    vertical-align: top
}
#episode-info-section .row-input .tag-text {
    width: 560px
}
#episode-info-section .tags {
    width: 100%
}
#episode-info-section .row-merge {
    width: 560px
}
#episode-info-section .row-merge .desc-wrap {
    width: 330px
}
#episode-info-section > .inner {
    width: 600px;
    padding: 50px 20px
}
#episode-info-section .nsfw-by-hero {
    color: #868696;
    font-size: 14px;
    width: 374px;
    line-height: 1.3
}
#episode-info-section #nsfw-tip-box {
    color: #868696;
    text-align: center;
    margin-bottom: 50px
}
#episode-info-section #nsfw-tip-box .desc {
    font-size: 14px;
    margin-bottom: 15px;
    text-align: left;
    color: #464656
}
#episode-info-section #nsfw-tip-box .tip-detail {
    position: relative;
    left: -20px;
    background-color: #e6e6e6;
    width: 600px;
    height: 210px
}
#episode-info-section #nsfw-tip-box .tip-detail .inner {
    padding: 20px;
    text-align: left
}
#episode-info-section #nsfw-tip-box .tip-detail .inner > h3 {
    font-size: 14px;
    line-height: 16px;
    color: #464656;
    margin-bottom: 8px;
    font-weight: 700 !important
}
#episode-info-section #nsfw-tip-box .tip-detail .inner > h3.sorbet {
    color: #f64656
}
#episode-info-section #nsfw-tip-box .tip-detail .inner > p {
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 18px;
    color: #262636
}
#episode-info-section #nsfw-tip-box .tip-detail .inner > p.note {
    margin-bottom: 0
}
#episode-info-section #nsfw-tip-box .tip-detail .inner > p .bold, #episode-info-section #nsfw-tip-box .tip-detail .inner > p .bold:hover {
    font-weight: 700 !important;
    color: #262636
}
#book-write-section {
    width: 720px
}
#book-write-section .schedule-wrap {
    margin: 0 0 25px;
    text-transform: capitalize;
    font-weight: 700 !important;
    color: #464656;
    font-size: 14px
}
#book-write-section .schedule-wrap .btn-schedule {
    vertical-align: text-top;
    margin-right: 10px
}
#book-write-section .schedule-wrap .date > a, #book-write-section .schedule-wrap .date a:hover {
    color: #f68606
}
.schedule-episode-wrap {
    z-index: 998;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #f6f6f6;
    border-radius: 12px;
    width: 424px;
    padding: 32px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .25)
}
.schedule-episode-wrap .title {
    font-weight: 700 !important;
    font-size: 24px;
    margin-bottom: 24px;
    position: relative;
    line-height: 30px;
    color: #262636
}
.schedule-episode-wrap .episode-box {
    background-color: #fff;
    border: 2px solid #c6c6c6;
    padding: 10px;
    overflow: hidden;
    margin-bottom: 30px
}
.schedule-episode-wrap .episode-box .thumb-wrap {
    float: left;
    width: 60px;
    margin-right: 20px
}
.schedule-episode-wrap .episode-box .desc-wrap {
    width: 276px;
    float: left
}
.schedule-episode-wrap .episode-box .desc-wrap .title {
    font-weight: 700 !important;
    font-size: 20px;
    color: #464656;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 0
}
.schedule-episode-wrap .episode-box .desc-wrap .scene {
    color: #868696
}
.schedule-episode-wrap .body {
    font-size: 16px;
    color: #464656
}
.schedule-episode-wrap .body > p {
    margin-bottom: 8px;
    font-size: 14px;
    color: #666676
}
.schedule-episode-wrap .body .schedule-date {
    display: inline-block;
    font-size: 16px;
    color: #464656;
    line-height: 20px;
    font-weight: 700 !important
}
.schedule-episode-wrap .body .date-wrap {
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #c6c6c6;
    font-size: 16px;
    color: #464656;
    background-color: #fff;
    border-radius: 4px;
    font-weight: 700 !important
}
.schedule-episode-wrap .body .date-wrap.warning, .schedule-episode-wrap .body .date-wrap.warning .date {
    background-color: rgba(246, 70, 86, .3)
}
.schedule-episode-wrap .body .date-wrap .date {
    border: 0 none;
    margin: 0 6px 0 0;
    width: 100px;
    color: #464656;
    font-weight: 700 !important;
    padding: 5px 0 5px 8px;
    min-height: 20px;
    border-radius: 4px
}
.schedule-episode-wrap .body .date-wrap .timezone {
    display: inline-block;
    line-height: 20px;
    margin-right: 8px;
    vertical-align: middle
}
.schedule-episode-wrap .footer {
    height: 32px;
    margin: 32px 0 0;
    text-align: left
}
.schedule-episode-wrap .footer .mod-btn.mr12 {
    margin-right: 12px
}
.schedule-episode-wrap .footer .mod-btn > span {
    padding: 8px 16px
}
.published-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #f6f6f6;
    border: 1px solid #d6d6d6;
    border-radius: 3px;
    width: 620px;
    padding: 30px 0 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .25)
}
.published-wrap .inner {
    width: 620px;
    padding: 0 30px 30px
}
.published-wrap .wrap-title {
    text-transform: capitalize;
    font-weight: 700 !important;
    color: #464656;
    font-size: 28px;
    margin-bottom: 30px
}
.published-wrap .wrap-title .date {
    font-weight: 700 !important;
    font-size: 16px
}
.published-wrap .body {
    overflow: hidden;
    width: 560px
}
.published-wrap .body .thumb-wrap {
    float: left;
    width: 90px;
    margin-right: 20px
}
.published-wrap .body .desc-wrap {
    float: left;
    width: 450px
}
.published-wrap .body .desc-wrap .scene {
    color: #868696;
    margin-bottom: 5px
}
.published-wrap .body .desc-wrap .title {
    font-weight: 700 !important;
    font-size: 20px;
    color: #464656;
    margin-bottom: 20px
}
.published-wrap .body .desc-wrap .story {
    font-size: 16px;
    color: #666676;
    margin-bottom: 15px
}
.published-wrap .body .desc-wrap .tags {
    margin-bottom: 40px;
    color: #868696
}
.published-wrap .body .desc-wrap .tags > i {
    vertical-align: middle;
    margin-right: 5px
}
.published-wrap .body .desc-wrap .tags a {
    color: #868696
}
.published-wrap .buttons-wrap {
    text-align: right;
    margin-top: 10px
}
.published-wrap .buttons-wrap .done {
    margin-left: 20px
}
.published-wrap .footer {
    background-color: #d6d6d6;
    padding: 15px 30px
}
.published-wrap .footer .footer-label {
    text-transform: capitalize;
    font-weight: 700 !important;
    line-height: 22px;
    font-size: 16px;
    color: #f6f6f6;
    display: inline-block
}
.published-wrap .footer .shares {
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
    margin-left: 20px;
    font-size: 0
}
.published-wrap .footer .shares .share {
    float: left;
    margin-right: 15px;
    line-height: 22px
}
.published-wrap .footer .shares .share > a {
    height: 22px;
    display: block
}
.published-wrap .footer .shares .share > a > i {
    vertical-align: middle
}
.save-meta-btn {
    width: 50px
}
.publisher-dashboard.mod-clear .gradient {
    display: none
}
.publisher-dashboard header {
    position: relative
}
.publisher-dashboard .gradient {
    position: absolute;
    bottom: 246px;
    width: 100%;
    height: 300px;
    background: linear-gradient(180deg, rgba(38, 38, 54, 0), #262636);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(38,38,54, 0)", endColorstr="rgba(38,38,54, 1)", GradientType=0);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(38,38,54,0)", endColorstr="#262636", GradientType=0)
}
.publisher-dashboard .page-wrap {
    height: 100%;
    padding-bottom: 88px
}
.publisher-dashboard .global-nav-content-item.mod-publisher {
    height: 40px
}
.publisher-dashboard .global-nav-content-item.mod-publisher .global-nav-content-item-btn {
    line-height: 2.5;
    margin-top: 10px
}
.publisher-dashboard .dropdown.on .dropdown-menu {
    display: block
}
.publisher-dashboard .dropdown button {
    width: 420px;
    height: 48px;
    text-align: left;
    border: 1px solid #d6d6d6 !important;
    border-radius: 4px;
    box-shadow: none
}
.publisher-dashboard .dropdown button:active, .publisher-dashboard .dropdown button:focus {
    outline: none
}
.publisher-dashboard .dropdown button:after {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%)
}
.publisher-dashboard .dropdown .dropdown-menu {
    min-width: 420px
}
.publisher-dashboard .dropdown .dropdown-toggle {
    font-weight: 700 !important;
    font-size: 16px;
    background-color: #fff !important
}
.publisher-dashboard .dropdown-item {
    display: block;
    width: 100%;
    padding: 3px 1.5rem;
    clear: both;
    font-weight: 400;
    color: #262636;
    text-align: inherit;
    white-space: nowrap;
    background: none;
    border: 0
}
.publisher-dashboard .dropdown-item:focus, .publisher-dashboard .dropdown-item:hover {
    color: #060616;
    background-color: #f6f6f6
}
.publisher-dashboard .dropdown-item.active, .publisher-dashboard .dropdown-item:active {
    color: #fff;
    background-color: #26b6b6
}
.publisher-dashboard .dropdown-item.disabled, .publisher-dashboard .dropdown-item:disabled {
    color: #666676;
    cursor: not-allowed;
    background-color: transparent
}
.publisher-dashboard .container {
    position: relative;
    padding: 0 80px;
    margin: 0 auto;
    max-width: 940px;
    z-index: 2
}
.publisher-dashboard .logos {
    overflow: hidden;
    float: left;
    margin-top: 20px
}
.publisher-dashboard .logos a {
    display: inline-block
}
.publisher-dashboard .logos a:first-child {
    margin-right: 12px
}
.publisher-dashboard .logos.centered {
    overflow: auto;
    float: none;
    margin-top: 0;
    padding-top: 80px
}
.publisher-dashboard .logos.centered i {
    display: block;
    margin: 0 auto
}
.publisher-dashboard .logos.centered i:first-child {
    margin-bottom: 24px
}
.publisher-dashboard .slogan {
    color: #fff;
    text-align: center;
    margin-top: 32px;
    line-height: 1;
    font-size: 28px
}
.publisher-dashboard .error-box {
    text-align: center;
    color: #f64656;
    margin-top: 10px
}
.publisher-dashboard .nav {
    position: absolute;
    left: 0;
    width: 80px;
    height: 100%;
    min-height: 700px;
    background-color: #f6f6f6;
    border-right: 1px solid #d6d6d6;
    z-index: 2
}
.publisher-dashboard .nav .sub-nav-list {
    position: fixed;
    bottom: 0
}
.publisher-dashboard .nav .nav-list-item {
    width: 80px;
    height: 80px;
    line-height: 80px;
    vertical-align: middle;
    text-align: center
}
.publisher-dashboard .nav .nav-list-item:hover {
    background-color: #e6e6e6
}
.publisher-dashboard .nav .nav-list-item:hover .ico {
    opacity: 1
}
.publisher-dashboard .nav .nav-list-item.on {
    border-left: 4px solid #f6b606;
    border-right: 4px solid #fff;
    background: #fff
}
.publisher-dashboard .nav .nav-list-item.on .ico {
    opacity: 1
}
.publisher-dashboard .nav .nav-list-item a {
    display: block
}
.publisher-dashboard .nav .nav-list-item .ico {
    opacity: .5
}
.publisher-dashboard .nav .sub-nav-list-item {
    height: 60px;
    line-height: 60px
}
.publisher-dashboard .contents-container {
    color: #262636;
    margin-left: 112px;
    padding-bottom: 100px;
    width: 940px
}
.publisher-dashboard .contents-container .main-title {
    padding-top: 25px;
    font-weight: 700 !important;
    font-size: 28px
}
.publisher-dashboard .contents-container .container-nav {
    margin-top: 40px;
    height: 36px
}
.publisher-dashboard .contents-container .date-nav {
    float: right;
    margin-top: 6px
}
.publisher-dashboard .contents-container .date-nav-txt {
    display: inline-block;
    width: 100px;
    font-weight: 700 !important;
    font-size: 20px;
    line-height: 32px;
    vertical-align: middle;
    text-align: center
}
.publisher-dashboard .contents-container .date-nav-arrow {
    display: inline-block;
    border-radius: 36px;
    width: 36px;
    height: 36px;
    line-height: 32px;
    vertical-align: middle;
    text-align: center
}
.publisher-dashboard .contents-container .sub-title {
    margin: 48px 0 20px;
    font-size: 14px
}
.publisher-dashboard .contents-container .gauge {
    margin-top: 20px;
    background: #f6f6f6;
    width: 100%;
    height: 128px;
    border-radius: 5px;
    padding: 8px;
    font-size: 0
}
.publisher-dashboard .contents-container .gauge-item {
    display: inline-block;
    width: 208px;
    height: 112px;
    text-align: center
}
.publisher-dashboard .contents-container .gauge-item:not(:last-child) {
    margin-right: 24px
}
.publisher-dashboard .contents-container .gauge-item-number {
    font-size: 32px;
    line-height: 0;
    padding-top: 42px
}
.publisher-dashboard .contents-container .gauge-item-label {
    font-size: 14px;
    padding-top: 30px
}
.publisher-dashboard .contents-container .gauge-item-help {
    width: 16px;
    height: 16px;
    display: inline-block;
    line-height: 16px;
    vertical-align: baseline;
    margin-left: 4px;
    color: #fff;
    font-size: 14px;
    background: #d6d6d6;
    border-radius: 16px;
    cursor: pointer
}
.publisher-dashboard .contents-container .gauge-item-help:hover {
    background: #a6a6a6
}
.publisher-dashboard .contents-container .gauge-item-help.small {
    width: 14px;
    height: 14px;
    font-size: 12px;
    line-height: 14px;
    margin-left: 2px
}
.publisher-dashboard .contents-container .series-list-item {
    display: block;
    color: #262636;
    position: relative;
    width: 100%;
    height: 96px;
    border: 1px solid #d6d6d6;
    border-radius: 5px;
    padding: 16px 12px;
    margin-bottom: 8px
}
.publisher-dashboard .contents-container .series-list-item:hover {
    background: #f6f6f6
}
.publisher-dashboard .contents-container .series-txts {
    position: absolute;
    margin-left: 72px;
    height: 64px;
    top: 16px;
    left: 0
}
.publisher-dashboard .contents-container .series-txts-title {
    font-weight: 700 !important;
    font-size: 20px;
    line-height: 1.2;
    width: 290px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}
.publisher-dashboard .contents-container .series-txts-creator {
    line-height: 0;
    margin-top: 14px;
    font-size: 14px
}
.publisher-dashboard .contents-container .series-txts-info {
    line-height: 0;
    margin-top: 22px;
    font-size: 14px;
    color: #868696
}
.publisher-dashboard .contents-container .series-numbers {
    font-size: 0;
    float: right;
    width: 560px;
    height: 64px
}
.publisher-dashboard .contents-container .series-numbers-item {
    display: inline-block;
    width: 140px;
    height: 64px;
    text-align: center
}
.publisher-dashboard .contents-container .series-numbers-item-number {
    font-weight: 700 !important;
    line-height: 0;
    font-size: 16px;
    margin-top: 24px
}
.publisher-dashboard .contents-container .series-numbers-item-label {
    font-size: 12px;
    margin-top: 19px
}
.publisher-dashboard .contents-container table.episode-list {
    table-layout: fixed;
    width: 100%
}
.publisher-dashboard .contents-container table.episode-list thead {
    font-weight: 700 !important;
    font-size: 16px;
    background-color: #f6f6f6
}
.publisher-dashboard .contents-container table.episode-list tr {
    height: 40px;
    border-bottom: 1px solid #d6d6d6
}
.publisher-dashboard .contents-container table.episode-list tr:nth-child(2n) {
    background-color: #f6f6f6
}
.publisher-dashboard .contents-container table.episode-list td:not(:last-child) {
    border-right: 1px solid #f6f6f6
}
.publisher-dashboard .contents-container .episode-list-txt {
    padding-left: 11px
}
.publisher-dashboard .contents-container .episode-list-number {
    text-align: right;
    padding-right: 15px
}
.publisher-dashboard .contents-container .episode-list-na {
    color: #a6a6a6
}
.publisher-dashboard .contents-container .episode-list-scene {
    width: 50px
}
.publisher-dashboard .contents-container .episode-list-unlocks {
    width: 100px;
    padding-right: 25px
}
.publisher-dashboard .contents-container .episode-list-likes {
    width: 65px
}
.publisher-dashboard .contents-container .episode-list-title {
    padding-left: 21px;
    width: 483px
}
.publisher-dashboard .contents-container .revenue-summary {
    font-size: 16px;
    line-height: 1;
    background-color: #f6f6f6;
    border-radius: 5px;
    padding: 20px 10px 20px 20px;
    width: 420px
}
.publisher-dashboard .contents-container .revenue-summary-value {
    float: right;
    font-weight: 700 !important
}
.publisher-dashboard .contents-container table.extra-list .extra-date {
    width: 120px;
    padding-left: 15px
}
.publisher-dashboard .contents-container table.extra-list .extra-description {
    padding-left: 21px
}
.publisher-dashboard .contents-container table.extra-list .extra-amount {
    width: 150px;
    text-align: right;
    padding-right: 25px
}
.publisher-dashboard .contents-container table.table-list {
    width: 420px;
    line-height: 42px
}
.publisher-dashboard .contents-container table.table-list tr {
    border-top: 1px solid #e6e6e6
}
.publisher-dashboard .contents-container table.table-list tr:nth-child(odd) {
    background-color: #f6f6f6
}
.publisher-dashboard .contents-container table.table-list tr:last-child {
    border-bottom: 1px solid #e6e6e6
}
.publisher-dashboard .contents-container table.table-list td {
    padding: 0 10px
}
.publisher-dashboard .contents-container table.table-list td:last-child {
    text-align: right;
    font-weight: 700 !important
}
.publisher-dashboard .contents-container table.revenue-list tr:last-child {
    border-top: 1px solid #c6c6c6
}
.publisher-dashboard .contents-container table.reports-list {
    font-weight: 700 !important
}
.publisher-dashboard .contents-container table.reports-list a {
    color: #262636
}
.publisher-dashboard .contents-container table.reports-list .ico {
    vertical-align: -2px
}
.feed-header .inner {
    width: 748px;
    margin: 60px auto
}
.feed-header .inner h1 {
    font-weight: 700 !important;
    font-size: 40px;
    color: #060616;
    margin-bottom: 20px
}
.feed-header .inner .desc {
    font-size: 20px;
    color: #a6a6a6
}
.feed-body {
    width: 940px;
    margin: 0 auto;
    min-height: 100%
}
.feed-body aside {
    display: block
}
.feed-content {
    width: 748px;
    margin: 0 auto
}
.feed-content .reload-btn {
    display: block;
    width: 180px;
    height: 60px;
    margin: 0 auto 60px
}
.feed-content .reload-btn > .ico {
    margin: 18px
}
.feed-content .reload-btn > .ico.spin {
    animation: a 1s linear infinite running
}
.feed-content .reload-btn:hover {
    background-color: #26b6b6
}
.feed-stream {
    opacity: 1;
    transition: opacity .3s ease-in-out
}
.feed-stream.ready-to-fade-out {
    opacity: .3
}
.feed-stream.fade-out {
    opacity: 0 !important;
    transition: none
}
.feed-stream .feed-episode {
    border: 1px solid #e6e6e6;
    margin-bottom: 40px
}
.feed-stream .feed-episode .feed-btn {
    display: inline-block;
    font-size: 0;
    line-height: 0;
    margin-right: 20px;
    padding: 0
}
.feed-stream .feed-episode .feed-btn > i {
    vertical-align: bottom
}
.feed-stream .feed-episode .feed-btn.subscribe-btn {
    float: right;
    width: 44px;
    height: 44px;
    padding: 8px 10px;
    margin: 0
}
.feed-stream .feed-episode .feed-btn.subscribe-btn .on {
    display: none
}
.feed-stream .feed-episode .feed-btn.disabled {
    opacity: .3
}
.feed-stream .feed-episode .more-btn {
    display: inline-block;
    float: right;
    line-height: 24px;
    font-size: 16px;
    color: #666676;
    font-weight: 700 !important
}
.feed-stream .feed-episode .more-btn > i {
    vertical-align: middle;
    margin: 0 8px
}
.feed-stream .feed-episode .more-btn:hover {
    cursor: pointer;
    color: #666676
}
.feed-stream .feed-episode header {
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    padding: 24px;
    border: 1px solid #e6e6e6;
    border-top: 0 none;
    z-index: 10;
    background-color: #fff;
    width: 748px;
    height: 100px;
    position: absolute;
    margin-left: -1px
}
.feed-stream .feed-episode header.docked {
    position: fixed;
    top: 0;
    margin-left: -1px;
    border-right: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    border-bottom: none;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .1)
}
.feed-stream .feed-episode header .thumb {
    position: relative;
    width: 50px;
    height: 50px;
    display: inline-block;
    margin-right: 12px;
    vertical-align: top
}
.feed-stream .feed-episode header .thumb > img {
    border-radius: 4px
}
.feed-stream .feed-episode .episode-info {
    display: inline-block;
    max-width: 430px;
    margin-right: 12px
}
.feed-stream .feed-episode .episode-info a {
    display: block
}
.feed-stream .feed-episode .episode-info .series-title {
    line-height: 28px;
    font-size: 20px;
    color: #262636;
    font-weight: 700 !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    opacity: .8
}
.feed-stream .feed-episode .episode-info .series-title:hover {
    cursor: pointer;
    opacity: 1
}
.feed-stream .feed-episode .episode-info .creator {
    margin-top: 2px;
    line-height: 20px;
    font-size: 16px;
    color: #666676
}
.feed-stream .feed-episode .episode-desc {
    margin: 24px;
    font-size: 0;
    line-height: 0
}
.feed-stream .feed-episode .episode-desc .type-label {
    display: inline-block;
    width: 85px;
    margin-bottom: 4px;
    background-color: #f6b606;
    border-radius: 2px;
    line-height: 20px;
    font-size: 12px;
    color: #262636;
    font-weight: 700 !important;
    text-align: center
}
.feed-stream .feed-episode .episode-desc .episode-title {
    display: block;
    margin-top: 2px;
    line-height: 24px;
    font-size: 20px;
    color: #262636;
    font-weight: 700 !important
}
.feed-stream .feed-episode .episode-desc .extra-desc {
    margin: 6px 0 0;
    line-height: 16px;
    font-size: 14px;
    color: #868696
}
.feed-stream .feed-episode .episode-desc .extra-desc > a {
    color: #868696
}
.feed-stream .feed-episode .button-wrap {
    font-size: 0;
    line-height: 0;
    padding: 24px
}
.feed-stream .feed-episode .button-wrap .has-ndropdown {
    cursor: pointer;
    position: relative;
    padding-bottom: 0
}
.feed-stream .feed-episode .button-wrap .has-ndropdown.clicked {
    border-radius: 8px 8px 0 0
}
.feed-stream .feed-episode .button-wrap .has-ndropdown.clicked .ndropdown {
    visibility: visible;
    opacity: 1;
    transition: visibility .3s linear, opacity .3s linear
}
.feed-stream .feed-episode .button-wrap .has-ndropdown[data-action=hover]:hover {
    border-radius: 8px 8px 0 0
}
.feed-stream .feed-episode .button-wrap .has-ndropdown[data-action=hover]:hover .ndropdown {
    visibility: visible;
    opacity: 1;
    transition: visibility .3s linear, opacity .3s linear
}
.feed-stream .feed-episode .button-wrap .has-ndropdown .ndropdown {
    z-index: 989;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    transition: visibility .3s linear, opacity .3s linear;
    padding-top: 8px
}
.feed-stream .feed-episode .button-wrap .has-ndropdown .ndropdown.right {
    right: 0
}
.feed-stream .feed-episode .button-wrap .has-ndropdown .ndropdown.left {
    left: 0
}
.feed-stream .feed-episode .button-wrap .has-ndropdown .ndropdown .each > a {
    text-transform: capitalize;
    font-weight: 700 !important;
    display: block;
    line-height: 40px;
    background-color: #262636;
    color: #fff;
    font-size: 16px;
    white-space: nowrap;
    padding: 0 12px;
    text-align: left
}
.feed-stream .feed-episode .button-wrap .has-ndropdown .ndropdown .each > a.small-font {
    font-size: 14px
}
.feed-stream .feed-episode .button-wrap .has-ndropdown .ndropdown .each > a > i {
    vertical-align: top;
    margin: 11px 14px 11px 4px
}
.feed-stream .feed-episode .button-wrap .has-ndropdown .ndropdown .each > a > i.mod-twit {
    margin: 13px 10px 12px 0
}
.feed-stream .feed-episode .button-wrap .has-ndropdown .ndropdown .each > a > i.mod-pint {
    margin: 11px 10px 11px 0
}
.feed-stream .feed-episode .button-wrap .has-ndropdown .ndropdown .each > a > i.mod-redd {
    margin: 12px 10px 12px 1px
}
.feed-stream .feed-episode .button-wrap .has-ndropdown .ndropdown .each > a > i.mod-em {
    margin: 14px 10px 13px 1px
}
.feed-stream .feed-episode .button-wrap .has-ndropdown .ndropdown .each > a > i.mod-emb {
    margin: 12px 11px 12px 1px
}
.feed-stream .feed-episode .button-wrap .has-ndropdown .ndropdown .each > a > .rotate {
    transform: rotate(270deg)
}
.feed-stream .feed-episode .button-wrap .has-ndropdown .ndropdown .each > a:hover {
    background-color: #464656
}
.feed-stream .feed-episode .button-wrap .has-ndropdown .ndropdown .each:first-child > a.mod-r2 {
    border-radius: 2px 2px 0 0
}
.feed-stream .feed-episode .button-wrap .has-ndropdown .ndropdown .each:last-child > a {
    border-radius: 0 0 8px 8px
}
.feed-stream .feed-episode .button-wrap .has-ndropdown .ndropdown .each:last-child > a.mod-r2 {
    border-radius: 0 0 2px 2px
}
.feed-stream .feed-episode .button-wrap .has-ndropdown .ndropdown .each.off > i {
    visibility: hidden
}
.feed-stream .feed-episode .hr {
    border: 0 none;
    border-bottom: 1px solid #e6e6e6;
    margin: 0 24px !important
}
.feed-stream .feed-episode .continue-wrap {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 58px;
    font-size: 0;
    line-height: 0;
    display: none;
    text-align: center
}
.feed-stream .feed-episode .continue-wrap.more {
    display: block
}
.feed-stream .feed-episode .continue-wrap .continue-btn {
    width: 133px;
    height: 44px;
    padding-left: 16px;
    border-radius: 22px;
    background-color: #f6f6f6;
    color: #666676
}
.feed-stream .feed-episode .continue-wrap .continue-btn > .btn-label {
    line-height: 44px;
    color: #666676
}
.feed-stream .feed-episode .continue-wrap .continue-btn > i {
    margin: 0 0 0 8px
}
.feed-stream .episode-content-wrap {
    margin-top: 100px;
    position: relative
}
.feed-stream .episode-content-wrap > a {
    font-size: 0;
    line-height: 0;
    display: block;
    overflow: hidden;
    text-align: center
}
.feed-stream .episode-content-wrap > a.has-continue-reading {
    transition: height .3s ease-in-out
}
.feed-stream .filter-wrap {
    background-size: cover;
    background: url(../image/episode-lock-background.jpg) no-repeat 50%
}
.feed-stream .filter-wrap.nsfw-filter {
    padding: 141px 0
}
.feed-stream .filter-wrap .inner {
    font-size: 0;
    line-height: 0;
    width: 480px;
    margin: 0 auto;
    text-align: center
}
.feed-stream .filter-wrap .inner h3 {
    line-height: 35px;
    margin-bottom: 16px;
    font-size: 28px;
    color: #fff;
    font-weight: 700 !important
}
.feed-stream .filter-wrap .inner .desc {
    line-height: 24px;
    margin-bottom: 24px;
    font-size: 16px;
    color: #fff;
    font-weight: 700 !important
}
.feed-stream .filter-wrap .inner .filter-button-wrap .show-btn {
    width: 120px
}
.feed-stream .filter-wrap .inner .filter-button-wrap .footer {
    margin-top: 30px;
    line-height: 18px;
    font-size: 14px;
    color: #c6c6c6
}
.feed-stream .filter-wrap .inner .filter-button-wrap .footer a {
    color: #fff;
    font-weight: 700 !important
}
.feed-date-filter {
    position: relative;
    width: 748px;
    margin: 0 auto 33px;
    border: 1px solid #e6e6e6
}
.feed-date-filter p {
    display: inline-block;
    margin: 0;
    line-height: 24px;
    font-size: 20px
}
.feed-date-filter .date {
    width: 130px;
    color: #666676
}
.feed-date-filter .title {
    color: #262636
}
.feed-date-filter .blurb {
    display: block;
    margin-top: 4px;
    line-height: 20px;
    font-size: 16px;
    color: #a6a6a6
}
.feed-date-filter .filter-header {
    font-size: 0;
    line-height: 0;
    height: 84px;
    padding: 18px 24px;
    cursor: pointer
}
.feed-date-filter .filter-header.on > i {
    transform: rotate(180deg)
}
.feed-date-filter .filter-header.on + .comics-list {
    display: block;
    box-shadow: 0 6px 6px -5px rgba(0, 0, 0, .2)
}
.feed-date-filter .filter-header > i {
    float: right;
    vertical-align: top;
    margin-top: 10px
}
.feed-date-filter .comics-list {
    display: none;
    position: absolute;
    top: 84px;
    left: -1px;
    z-index: 11;
    width: 748px;
    max-height: 360px;
    overflow-y: scroll;
    border: 1px solid #e6e6e6;
    background-color: #fff
}
.feed-date-filter .comics-list li {
    font-size: 0;
    line-height: 0;
    border-bottom: 1px solid #e6e6e6
}
.feed-date-filter .comics-list li:last-child {
    border-bottom: none
}
.feed-date-filter .comics-list li:hover {
    background-color: hsla(0, 0%, 96%, .75)
}
.feed-date-filter .comics-list li a {
    display: block;
    padding: 20px 24px
}
.feed-date-filter .comics-list li a .title {
    margin-left: 20px
}
.feed-date-filter .comics-list li a .date {
    width: 126px;
    border-right: 1px solid #e6e6e6;
    line-height: 20px;
    font-size: 16px
}
@keyframes a {
    to {
        transform: rotate(1turn)
    }
}
.episode-top-v2 {
    position: relative;
    margin: 10px 0 -72px 10px;
    z-index: 2
}
.episode-top-v2 .thumb-wrap {
    height: 60px;
    vertical-align: middle
}
.episode-top-v2 .title-inner-wrap {
    color: #fff;
    display: inline-block;
    background-color: hsla(0, 0%, 100%, .7);
    padding: 0 8px;
    border-radius: 2px;
    margin-left: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 60%
}
.episode-top-v2 .title-upper {
    position: absolute;
    top: 0;
    font-size: 20px;
    font-weight: 700 !important
}
.episode-top-v2 .title-upper a {
    line-height: 34px;
    vertical-align: middle
}
.episode-top-v2 .title-lower {
    position: absolute;
    bottom: 0;
    height: 25px;
    font-size: 16px;
    font-weight: 700 !important
}
.episode-top-v2 .title-lower span {
    color: #868696
}
.episode-top-v2 .title-lower a, .episode-top-v2 .title-lower span {
    height: 25px;
    line-height: 25px;
    vertical-align: middle
}
.episode-top-v2 a {
    color: #464656;
    text-decoration: none
}
.episode-top-v2.white span {
    color: #c6c6c6
}
.episode-top-v2.white .title-inner-wrap {
    background-color: rgba(38, 38, 54, .7)
}
.episode-top-v2.white a {
    color: #fff
}
.episode-top-v2.overlay-mode {
    margin: 0 0 15px
}
.episode-top-v2.overlay-mode .title-inner-wrap {
    background-color: transparent
}
body.smart-view.collapsed .global-footer {
    margin-left: 50px
}
body.smart-view .global-footer {
    margin-left: 260px;
    transition: margin-left .3s cubic-bezier(.2, .3, .25, .9) 0s
}
body.smart-view #go-to-top-btn {
    display: none
}
body.smart-view.reading-mode .global-nav-content {
    position: absolute !important
}
body.smart-view.reading-mode #side-bar-holder {
    height: 0 !important
}
body.smart-view.reading-mode #series-info-box {
    display: none !important
}
#cover-section {
    display: block;
    max-width: 100%;
    line-height: 0;
    position: relative;
    overflow: hidden;
    margin-left: 260px
}
#cover-section.fixed {
    height: 360px
}
.series-thumb-collapse {
    position: relative;
    height: 50px;
    display: none
}
.series-thumb-collapse > i {
    position: absolute;
    top: 2px;
    left: 2px
}
.series-thumb-collapse.on {
    display: block
}
.series-sale-collapse {
    height: 34px;
    background-color: #f64656;
    display: none;
    color: #fff;
    text-align: center;
    font-weight: 700 !important
}
.series-sale-collapse .save {
    font-size: 10px;
    line-height: 10px;
    padding-bottom: 5px
}
.series-sale-collapse .rate {
    font-size: 12px;
    line-height: 12px;
    padding: 5px 0 2px
}
.author-collapse {
    display: none;
    margin: 5px
}
.author-collapse.on {
    display: block
}
.author-collapse .thumb {
    display: inline-block;
    vertical-align: -10px
}
.author-collapse .thumb > img {
    display: block
}
#smart-view {
    height: 100%;
    overflow: hidden;
    margin: 0;
    position: relative;
    z-index: 2
}
#smart-view .ad-block {
    position: absolute;
    top: -1000px
}
#smart-view .tooltip .tooltip-inner {
    color: #fff
}
#smart-view .tooltip .tooltip-inner span {
    text-transform: uppercase;
    display: block;
    font-size: 12px
}
#smart-view .ep-nav {
    bottom: 50px;
    position: fixed;
    z-index: 989;
    right: 15px
}
#smart-view .ep-nav a {
    opacity: .6;
    display: block;
    line-height: 50px;
    width: 50px;
    border-radius: 5px;
    background-color: #fff;
    text-align: center;
    border: 1px solid #e6e6e6;
    overflow: hidden
}
#smart-view .ep-nav a.next {
    margin-top: 20px
}
#smart-view .ep-nav a i {
    vertical-align: middle
}
#smart-view .ep-nav a img {
    display: none
}
#smart-view .ep-nav a:hover {
    line-height: 0
}
#smart-view .ep-nav a:hover i {
    display: none
}
#smart-view .ep-nav a:hover img {
    display: inline-block
}
#smart-view .ep-nav.on-instruction {
    z-index: 1006
}
#smart-view .ep-nav.on-instruction a {
    background-color: transparent;
    opacity: 1
}
#smart-view .ep-nav.first-ep {
    top: 90px;
    bottom: auto
}
#smart-view .ep-nav.first-ep a {
    opacity: .6;
    display: block;
    line-height: 50px;
    width: 50px;
    border-radius: 5px;
    background-color: #fff;
    text-align: center;
    border: 1px solid #e6e6e6;
    overflow: hidden
}
#smart-view .ep-nav.first-ep a.next {
    margin-top: 20px
}
#smart-view .ep-nav.first-ep a i {
    vertical-align: middle
}
#smart-view .ep-nav.first-ep a img {
    display: none
}
#smart-view .ep-nav.first-ep a:hover {
    line-height: 0
}
#smart-view .ep-nav.first-ep a:hover i {
    display: none
}
#smart-view .ep-nav.first-ep a:hover img {
    display: inline-block
}
#smart-view .feed-tool {
    position: fixed;
    z-index: 989;
    top: 152px;
    right: 15px;
    bottom: auto;
    background-color: rgba(0, 0, 0, .5);
    border-radius: 4px
}
#smart-view .feed-tool.off .tool-wrap > a:not(:last-child), #smart-view .feed-tool.off hr {
    display: none
}
#smart-view .feed-tool.off .feed-tool-btn > i {
    margin-top: 12px !important
}
#smart-view .feed-tool .tool-wrap {
    line-height: 50px;
    width: 50px
}
#smart-view .feed-tool .tool-wrap > a {
    display: block;
    font-size: 0;
    line-height: 0;
    opacity: .5;
    text-align: center;
    overflow: hidden;
    padding: 10px 0
}
#smart-view .feed-tool .tool-wrap > a:after {
    display: block;
    margin-top: 3px;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 14px;
    color: #fff
}
#smart-view .feed-tool .tool-wrap > a.feed-boost-btn:after {
    content: "boost"
}
#smart-view .feed-tool .tool-wrap > a.feed-pick-btn:after {
    content: "asset"
}
#smart-view .feed-tool .tool-wrap > a.feed-hide-btn:after {
    content: "hide"
}
#smart-view .feed-tool .tool-wrap > a.feed-hide-btn > i {
    margin: 4px 0
}
#smart-view .feed-tool .tool-wrap > a.feed-tool-btn {
    width: 32px;
    height: 32px;
    margin: 10px auto;
    padding: 0;
    border: 2px solid #fff;
    border-radius: 3px
}
#smart-view .feed-tool .tool-wrap > a.feed-tool-btn > i {
    margin-top: 6px
}
#smart-view .feed-tool .tool-wrap > a.on {
    opacity: 1
}
#smart-view .feed-tool .tool-wrap > a.on:hover {
    opacity: .8
}
#smart-view .feed-tool .tool-wrap > a.on.feed-boost-btn:after {
    content: "boosted"
}
#smart-view .feed-tool .tool-wrap > a.on.feed-pick-btn:after {
    content: "asset"
}
#smart-view .feed-tool .tool-wrap > a.on.feed-hide-btn:after {
    content: "hidden"
}
#smart-view .feed-tool .tool-wrap > a.on.feed-hide-btn > i {
    margin: 0
}
#smart-view .feed-tool .tool-wrap > a:hover {
    cursor: pointer;
    opacity: .8
}
#smart-view .feed-tool .tool-wrap > a > span {
    display: block;
    margin-top: 3px;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 14px;
    color: #fff
}
#smart-view .feed-tool .tool-wrap > a > span.reset {
    text-transform: none
}
#smart-view .feed-tool .tool-wrap > hr {
    width: 32px;
    margin: 0 9px;
    border-top: 1px solid #a6a6a6;
    border-bottom: none
}
#smart-view .pick-tool {
    position: fixed;
    top: 70px;
    right: 183px;
    bottom: auto;
    width: 64px;
    height: 60px;
    background-color: rgba(6, 6, 22, .6);
    border-radius: 4px;
    text-align: center;
    z-index: 989
}
#smart-view .pick-tool > a {
    display: block;
    width: 64px;
    height: 60px;
    font-size: 0
}
#smart-view .pick-tool > a > i {
    margin: 12px auto 4px
}
#smart-view .pick-tool > a > p {
    margin: 0;
    display: block;
    width: 100%;
    line-height: 16px;
    font-size: 12px;
    color: #fff !important;
    font-weight: 700 !important
}
#smart-view.loading .loading-bar {
    animation: 1s ease-in-out 0s 1 normal none running loading
}
#smart-view .subscribe-btn-wrap {
    display: inline-block
}
#smart-view .subscribe-btn-wrap .subscribe-btn {
    line-height: 36px;
    padding: 0;
    width: 105px;
    font-size: 14px;
    color: #fff;
    transition: background-color .2s ease-in-out 0s;
    text-align: right
}
#smart-view .subscribe-btn-wrap .subscribe-btn i {
    margin: 9px 10px 10px 6px;
    vertical-align: top;
}
#smart-view .subscribe-btn-wrap .subscribe-btn.short {
    width: 120px
}
#smart-view .subscribe-btn-wrap .subscribe-btn.subscribed {
    width: 36px
}
#smart-view .subscribe-btn-wrap .subscribe-btn.subscribed i {
    margin: 10px 12px
}
#smart-view .subscribe-btn-wrap .subscribe-btn.subscribed .add {
    display: none
}
#smart-view .loading-bar {
    background: none repeat scroll 0 0 #f6b606;
    display: block;
    height: 2px;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    transform: translate(100%);
    z-index: 1009;
    box-shadow: 0 2px 3px rgba(255, 204, 34, .2)
}
#smart-view .has-ndropdown {
    cursor: pointer;
    position: relative;
}
#smart-view .has-ndropdown.clicked {
    border-radius: 8px 8px 0 0
}
#smart-view .has-ndropdown.clicked .ndropdown {
    visibility: visible;
    opacity: 1;
    transition: visibility .3s linear, opacity .3s linear
}
#smart-view .has-ndropdown[data-action=hover]:hover {
    border-radius: 8px 8px 0 0
}
#smart-view .has-ndropdown[data-action=hover]:hover .ndropdown {
    visibility: visible;
    opacity: 1;
    transition: visibility .3s linear, opacity .3s linear
}
#smart-view .has-ndropdown .ndropdown {
    z-index: 989;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    transition: visibility .3s linear, opacity .3s linear;
    padding-top: 1px
}
#smart-view .has-ndropdown .ndropdown.right {
    right: 0
}
#smart-view .has-ndropdown .ndropdown.left {
    left: 0
}
#smart-view .has-ndropdown .ndropdown .each > a {
    text-transform: capitalize;
    font-weight: 700 !important;
    display: block;
    line-height: 40px;
    background-color: #262636;
    color: #fff;
    font-size: 16px;
    white-space: nowrap;
    padding: 0 12px;
    text-align: right
}
#smart-view .has-ndropdown .ndropdown .each > a.small-font {
    font-size: 14px
}
#smart-view .has-ndropdown .ndropdown .each > a > i {
    vertical-align: top;
    margin: 11px 4px 11px 14px
}
#smart-view .has-ndropdown .ndropdown .each > a > i.mod-twit {
    margin: 13px 0 12px 10px
}
#smart-view .has-ndropdown .ndropdown .each > a > i.mod-pint {
    margin: 11px 0 11px 10px
}
#smart-view .has-ndropdown .ndropdown .each > a > i.mod-redd {
    margin: 12px 1px 12px 10px
}
#smart-view .has-ndropdown .ndropdown .each > a > i.mod-em {
    margin: 14px 1px 13px 10px;
}
#smart-view .has-ndropdown .ndropdown .each > a > i.mod-emb {
    margin: 12px 1px 12px 10px
}
#smart-view .has-ndropdown .ndropdown .each > a > .rotate {
    transform: rotate(270deg)
}
#smart-view .has-ndropdown .ndropdown .each > a:hover {
    background-color: #464656
}
#smart-view .has-ndropdown .ndropdown .each:first-child > a.mod-r2 {
    border-radius: 2px 2px 0 0
}
#smart-view .has-ndropdown .ndropdown .each:last-child > a {
    border-radius: 0 0 8px 8px
}
#smart-view .has-ndropdown .ndropdown .each:last-child > a.mod-r2 {
    border-radius: 0 0 2px 2px
}
#smart-view .has-ndropdown .ndropdown .each.off > i {
    visibility: hidden
}
#smart-view .more-link {
    display: inline-block;
    margin-top: 12px
}
#smart-view .more-link:hover .arrow-box {
    background-color: #26b6b6
}
#smart-view .more-link:hover .txt {
    color: #26b6b6
}
#smart-view .more-link .arrow-box {
    background-color: #c6c6c6;
    display: inline-block;
    line-height: 16px;
    width: 16px;
    border-radius: 3px;
    margin-right: 5px;
    text-align: center
}
#smart-view .more-link .arrow-box > i {
    vertical-align: middle
}
#smart-view .more-link .txt {
    font-size: 14px;
    text-transform: uppercase;
    color: #c6c6c6;
    line-height: 1
}
#smart-view .more-link .txt.less {
    display: none
}
#smart-view .more-link.less .arrow-box > i {
    transform: rotate(180deg)
}
#smart-view .more-link.less .txt {
    display: none
}
#smart-view .more-link.less .txt.less {
    display: inline
}
#smart-view .filter-wrap {
    margin-top: 20px;
    padding: 75px 0
}
#smart-view .filter-wrap.no-banner {
    background-size: cover;
    background: url(../image/episode-lock-background.jpg) no-repeat 50%
}
#smart-view .filter-wrap.locked-filter {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    position: relative;
    padding: 70px 0 50px;
    overflow: hidden
}
#smart-view .filter-wrap.locked-filter:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background: inherit;
    filter: blur(6px)
}
#smart-view .filter-wrap.locked-filter:after {
    position: absolute;
    display: block;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 0 260px rgba(38, 38, 54, .6)
}
#smart-view .filter-wrap.locked-filter .inner {
    position: relative;
    z-index: 1
}
#smart-view .filter-wrap.nsfw-filter {
    padding: 116px 0
}
#smart-view .filter-wrap.coming-soon {
    padding: 102px 0
}
#smart-view .filter-wrap.coming-soon .inner > .desc {
    line-height: 18px;
    font-size: 14px
}
#smart-view .filter-wrap.coming-soon .inner > .desc p {
    margin: 0
}
#smart-view .filter-wrap.subscribe {
    max-width: 940px;
    padding: 116px 0;
    margin: 60px auto 90px
}
#smart-view .filter-wrap.subscribe .inner {
    text-align: left
}
#smart-view .filter-wrap.subscribe .inner > div {
    display: table-cell
}
#smart-view .filter-wrap.subscribe .thumb-wrap {
    margin-bottom: 15px;
    vertical-align: top;
    width: 140px
}
#smart-view .filter-wrap.subscribe .right {
    padding-left: 20px
}
#smart-view .filter-wrap .inner {
    font-size: 0;
    line-height: 0;
    width: 480px;
    margin: 0 auto;
    text-align: center
}
#smart-view .filter-wrap .inner h3 {
    line-height: 35px;
    margin-bottom: 16px;
    font-size: 28px;
    color: #fff;
    font-weight: 700 !important
}
#smart-view .filter-wrap .inner .desc {
    line-height: 24px;
    margin-bottom: 24px;
    font-size: 16px;
    color: #fff;
    font-weight: 700 !important
}
#smart-view .filter-wrap .inner .filter-button-wrap .unlock-btn {
    display: -ms-flexbox;
    display: flex;
    width: 168px;
    height: 48px;
    margin: 0 auto 52px;
    cursor: pointer;
    padding: 0 24px
}
#smart-view .filter-wrap .inner .filter-button-wrap .show-btn {
    width: 120px
}
#smart-view .filter-wrap .inner .filter-button-wrap .subscribed {
    display: none
}
#smart-view .filter-wrap .inner .filter-button-wrap .view-btn {
    display: none;
    width: 126px
}
#smart-view .filter-wrap .inner .filter-button-wrap .subscribed + .view-btn {
    display: inline-block
}
#smart-view .filter-wrap .inner .filter-button-wrap .subscribe-btn {
    width: 200px
}
#smart-view .filter-wrap .inner .filter-button-wrap .subscribe-btn.comics {
    background-color: #f6b606 !important
}
#smart-view .filter-wrap .inner .filter-button-wrap .subscribe-btn.novels {
    background-color: #26b6b6 !important
}
#smart-view .filter-wrap .inner .filter-button-wrap .footer {
    margin-top: 30px;
    line-height: 18px;
    font-size: 14px;
    color: #c6c6c6
}
#smart-view .filter-wrap .inner .filter-button-wrap .footer a, #smart-view .wop-wrap {
    color: #fff;
    font-weight: 700 !important
}
#smart-view .wop-wrap {
    background-color: #f6b606;
    text-align: center
}
#smart-view .wop-wrap .app-btn {
    height: 28px;
    padding: 0 8px;
    margin: 6px 0;
    line-height: 26px
}
#smart-view .wop-wrap .app-btn .btn-label {
    font-size: 14px
}
#smart-view .wop-wrap .app-btn.clicked, #smart-view .wop-wrap .app-btn:hover {
    background-color: rgba(6, 6, 22, .6)
}
#smart-view #left-side-bar {
    position: fixed;
    right: 0;
    top: 0;
    width: 260px;
    height: 100%;
    display: table;
    background-color: #f6f6f6;
    table-layout: fixed;
    z-index: 2;
    transition: width .3s cubic-bezier(.2, .3, .25, .9) 0s
}
#smart-view #left-side-bar.with-switcher #side-bar-holder {
    height: 90px
}
#smart-view #left-side-bar #side-bar-holder {
    height: 60px
}
#smart-view #left-side-bar .tc {
    display: table-cell
}
#smart-view #left-side-bar .tr {
    display: table-row
}
#smart-view #left-side-bar .fh {
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
}
#smart-view #left-side-bar .tc-wrap {
    height: 100%;
    position: relative
}
#smart-view #left-side-bar.docked #series-thumb {
    margin-top: -260px
}
#smart-view #left-side-bar .inner {
    display: table;
    width: 260px;
    height: 100%;
    table-layout: fixed
}
#smart-view #left-side-bar .inner #episode-nav-wrap {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    width: 260px;
    height: 100%;
    overflow: hidden;
    position: absolute;
    transition: width .3s cubic-bezier(.2, .3, .25, .9) 0s
}
#smart-view #left-side-bar #series-thumb {
    position: relative;
    display: block;
    transition: margin-top .3s cubic-bezier(.2, .3, .25, .9) 0s
}
#smart-view #left-side-bar #series-thumb > img {
    display: block;
    height: auto;
    max-height: 320px;
    width: 100%;
}
#smart-view #left-side-bar #series-thumb > i {
    position: absolute;
    top: 6px;
    left: 6px
}
#smart-view #left-side-bar #series-thumb.off {
    display: none
}
#smart-view #left-side-bar .series-info-wrap {
    margin-top: 20px;
    padding: 0 10px;
    width: 240px;
}
#smart-view #left-side-bar .series-info-wrap.off {
    margin-top: 0
}
#smart-view #left-side-bar .series-info-wrap .series-header .title {
    margin-bottom: 16px;
    word-wrap: break-word;
    font-weight: 700 !important;
    font-size: 24px;
    text-align: center;
    line-height: 1.2
}
#smart-view #left-side-bar .series-info-wrap .series-header .title .series-header-title {
    color: #060616;
    opacity: .8;
    font-family: kalame;
}
#smart-view #left-side-bar .series-info-wrap .series-header .title .series-header-title:hover {
    opacity: 1
}
#smart-view #left-side-bar .series-info-wrap .series-header .title .series-edit-btn {
    position: absolute;
    left: 230px;
    opacity: .5;
    transition: opacity .2s ease 0s
}
#smart-view #left-side-bar .series-info-wrap .series-header .title .series-edit-btn:hover {
    opacity: 1
}
#smart-view #left-side-bar .series-info-wrap .series-header .author {
    margin-bottom: 16px
}
#smart-view #left-side-bar .series-info-wrap .series-header .author > a {
    vertical-align: middle
}
#smart-view #left-side-bar .series-info-wrap .series-header .author .thumb {
    display: inline-block
}
#smart-view #left-side-bar .series-info-wrap .series-header .author .thumb > img {
    display: block
}
#smart-view #left-side-bar .series-info-wrap .series-header .author .name {
    font-size: 16px;
    color: #262636;
    margin-left: 5px;
    display: inline-block;
    opacity: .6
}
#smart-view #left-side-bar .series-info-wrap .series-header .author .name:hover {
    opacity: 1
}
#smart-view #left-side-bar .series-edit-btn-wrap {
    margin: 10px 0 -5px;
    line-height: 0;
    overflow: hidden;
    opacity: .8
}
#smart-view #left-side-bar .series-edit-btn-wrap:hover {
    opacity: 1
}
#smart-view #left-side-bar .series-edit-btn-wrap .btn-label {
    width: 152px
}
#smart-view #left-side-bar .number-status {
    margin-bottom: 16px;
    white-space: nowrap;
    text-align: right;
}
#smart-view #left-side-bar .number-status > li {
    display: inline-block;
    cursor: pointer
}
#smart-view #left-side-bar .number-status > li.sp-line:before {
    border-left: 1px solid #e6e6e6;
    content: " ";
    margin: 0 5px 0 10px
}
#smart-view #left-side-bar .number-status > li i {
    vertical-align: sub;
    opacity: .5
}
#smart-view #left-side-bar .number-status > li:hover .cnt-txt, #smart-view #left-side-bar .number-status > li:hover i {
    opacity: 1
}
#smart-view #left-side-bar .number-status .cnt-txt {
    font-weight: 300 !important;
    font-size: 16px;
    color: #262636;
    opacity: .5
}
#smart-view #left-side-bar .number-status .cnt-txt .small {
    font-size: 12px
}
#smart-view #left-side-bar .buttons {
    width: 240px;
    margin-top: 12px;
    margin-bottom: 12px;
    font-size: 0
}
#smart-view #left-side-bar .buttons .ib {
    vertical-align: top
}
#smart-view #left-side-bar .buttons .rss-btn {
    margin: 0 4px;
    width: 87px;
    height: 36px
}
#smart-view #left-side-bar .buttons .rss-btn > i {
    font-size: 17px;
    margin: 10px 7px 9px 5px;
    vertical-align: sub;
    color: #fff
}
#smart-view #left-side-bar .buttons .share-btn {
    width: 36px;
    margin: 0;
    line-height: 0
}
#smart-view #left-side-bar .buttons .share-btn > i {
    margin: 10px 9px
}
#smart-view #left-side-bar .support-btn {
    display: block;
    margin-bottom: 16px;
    line-height: 0;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #fff
}
#smart-view #left-side-bar .support-btn > i {
    margin: 10px 8px 10px 0;
    vertical-align: middle
}
#smart-view #left-side-bar .support-btn > span {
    vertical-align: middle
}
#smart-view #left-side-bar .description {
    max-height: 59px;
    margin: 15px 0;
    position: relative;
    transition: max-height .3s ease .1s;
    overflow: hidden
}
#smart-view #left-side-bar .description:hover {
    max-height: 181px
}
#smart-view #left-side-bar .description.one:hover .shadow {
    display: none
}
#smart-view #left-side-bar .description .viewport {
    max-height: 180px;
    min-height: 19px
}
#smart-view #left-side-bar .description #series-desc-body a.link {
    color: #262636 !important;
    opacity: .6
}
#smart-view #left-side-bar .description #series-desc-body a.link:hover {
    opacity: 1
}
#smart-view #left-side-bar .description .text {
    padding: 0;
    word-wrap: break-word;
    font-size: 14px;
    color: #868696
}
#smart-view #left-side-bar .description .shadow {
    position: absolute;
    height: 6px;
    width: 100%;
    z-index: 1
}
#smart-view #left-side-bar .description .shadow.off {
    display: none
}
#smart-view #left-side-bar .description .shadow.top {
    background: #f6f6f6;
    background: linear-gradient(180deg, #f6f6f6 0, hsla(0, 0%, 95%, 0));
    top: 0
}
#smart-view #left-side-bar .description .shadow.bottom {
    bottom: 0;
    background: hsla(0, 0%, 95%, 0);
    background: linear-gradient(180deg, hsla(0, 0%, 95%, 0) 0, #f6f6f6)
}
#smart-view #left-side-bar .episode-list-bar.off {
    display: none
}
#smart-view #left-side-bar .episode-list-bar .bar {
    padding: 0px;
    background-color: #e6e6e6;
    line-height: 0;
    width: 100%;
    height: 40px;
    transition: width .3s cubic-bezier(.2, .3, .25, .9) 0s
}
#smart-view #left-side-bar .episode-list-bar .bar > .txt {
    font-size: 14px;
    color: #868696;
    line-height: 40px;
    margin-right: 10px;
}
#smart-view #left-side-bar .episode-list-bar .bar > .txt > em {
    font-style: normal;
    font-size: 16px
}
#smart-view #left-side-bar .episode-list-bar .bar .keys {
    font-size: 0;
    line-height: 0;
    float: right;
    margin-right: 10px;
    cursor: pointer
}
#smart-view #left-side-bar .episode-list-bar .bar .keys .ico-wrap {
    vertical-align: top;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: 10px;
    background-color: rgba(70, 70, 86, .3);
    border-radius: 100%
}
#smart-view #left-side-bar .episode-list-bar .bar .keys .ico-wrap > i {
    margin: 5px 4px
}
#smart-view #left-side-bar .episode-list-bar .bar .keys > i {
    vertical-align: bottom;
    margin: 12px 0
}
#smart-view #left-side-bar .episode-list-bar .bar .keys .key-count {
    display: inline-block;
    margin-left: 5px;
    line-height: 40px;
    font-size: 16px;
    color: rgba(70, 70, 86, .3);
    font-weight: 700 !important
}
#smart-view #left-side-bar .episode-list-bar .bar .keys .key-count.mint {
    color: #56c676
}
#smart-view #left-side-bar #episode-list {
    padding: 0 !important
}
#smart-view #left-side-bar #episode-list.smooth {
    transition: top .3s ease-in-out
}
#smart-view #left-side-bar #episode-list .add-episode-row {
    padding: 0
}
#smart-view #left-side-bar #episode-list .add-episode-row > .add-episode-btn {
    display: block;
    opacity: .8;
    background-color: #26b6b6
}
#smart-view #left-side-bar #episode-list .add-episode-row > .add-episode-btn.comic {
    background-color: #f6b606
}
#smart-view #left-side-bar #episode-list .add-episode-row > .add-episode-btn:hover {
    opacity: 1
}
#smart-view #left-side-bar #episode-list .add-episode-row > .add-episode-btn > span {
    display: inline-block;
    line-height: 50px;
    text-align: center
}
#smart-view #left-side-bar #episode-list .add-episode-row > .add-episode-btn .inner {
    width: 50px
}
#smart-view #left-side-bar #episode-list .add-episode-row > .add-episode-btn .inner > i {
    vertical-align: text-bottom
}
#smart-view #left-side-bar #episode-list .add-episode-row > .add-episode-btn .btn-label {
    vertical-align: top;
    font-size: 16px;
    text-transform: capitalize;
    width: 210px;
    color: #fff
}
#smart-view #left-side-bar #episode-list .episode {
    overflow: hidden;
    padding: 0 !important;
    margin-bottom: 1px;
    position: relative;
    opacity: .35;
    transition: opacity .3s ease-in-out 0s
}
#smart-view #left-side-bar #episode-list .episode.off-effect {
    transition: none
}
#smart-view #left-side-bar #episode-list .episode.no {
    line-height: 24px;
    font-size: 16px;
    padding-left: 10px !important
}
#smart-view #left-side-bar #episode-list .episode.force-unread, #smart-view #left-side-bar #episode-list .episode.unread {
    opacity: 1
}
#smart-view #left-side-bar #episode-list .episode.on {
    background-color: #fff;
    opacity: 1
}
#smart-view #left-side-bar #episode-list .episode.on .episode-box.comics .episode-thumb-wrap {
    border: 1px solid #f6b606
}
#smart-view #left-side-bar #episode-list .episode.on .episode-box.comics .episode-info .title {
    color: #f6b606
}
#smart-view #left-side-bar #episode-list .episode.on .episode-box.novels .episode-thumb-wrap {
    border: 1px solid #26b6b6
}
#smart-view #left-side-bar #episode-list .episode.on .episode-box.novels .episode-info .title {
    color: #26b6b6
}
#smart-view #left-side-bar #episode-list .episode.on .episode-thumb-wrap .ep-thumb-img {
    width: 48px;
    height: 48px
}
#smart-view #left-side-bar #episode-list .episode:hover {
    background-color: #fff;
    opacity: 1
}
#smart-view #left-side-bar #episode-list .episode:hover .ep-edit-btn {
    display: block
}
#smart-view #left-side-bar #episode-list .episode .ep-edit-btn {
    display: none;
    position: absolute;
    right: 5px;
    top: 15px;
    opacity: .5;
    transition: opacity .2s ease 0s
}
#smart-view #left-side-bar #episode-list .episode .ep-edit-btn:hover {
    opacity: 1
}
#smart-view #left-side-bar #episode-list .episode .episode-box {
    display: block;
    position: relative
}
#smart-view #left-side-bar #episode-list .episode .episode-box .episode-thumb-wrap {
    float: left;
    width: 50px
}
#smart-view #left-side-bar #episode-list .episode .episode-box .episode-thumb-wrap > img {
    display: block
}
#smart-view #left-side-bar #episode-list .episode .episode-box .episode-thumb-wrap .thumb-filter {
    position: absolute;
    float: left;
    width: 50px;
    height: 50px
}
#smart-view #left-side-bar #episode-list .episode .episode-box .episode-thumb-wrap .thumb-filter.on {
    background-color: #262636;
    opacity: .6
}
#smart-view #left-side-bar #episode-list .episode .episode-box .episode-thumb-wrap .thumb-filter.on > i {
    display: block;
    position: absolute;
    vertical-align: middle;
    margin-left: 17px;
    margin-top: 17px
}
#smart-view #left-side-bar #episode-list .episode .episode-box .episode-thumb-wrap .ep-new-icon-small, #smart-view #left-side-bar #episode-list .episode .episode-box .episode-thumb-wrap .thumb-filter > i {
    display: none
}
#smart-view #left-side-bar #episode-list .episode .episode-box .ico-lock {
    position: absolute
}
#smart-view #left-side-bar #episode-list .episode .episode-box .sp-ico-lock {
    right: 10px;
    bottom: 17px
}
#smart-view #left-side-bar #episode-list .episode .episode-box .sp-ico-lock-on {
    display: none
}
#smart-view #left-side-bar #episode-list .episode .episode-box .episode-info {
    width: 160px;
    height: 50px;
    margin-left: 62px
}
#smart-view #left-side-bar #episode-list .episode .episode-box .episode-info .title {
    padding-top: 5px;
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 16px;
    font-weight: 700 !important;
    color: #262636
}
#smart-view #left-side-bar #episode-list .episode .episode-box .episode-info .time {
    font-size: 12px;
    color: #868696;
    margin-top: 5px
}
#smart-view #left-side-bar #episode-list .episode .episode-box .episode-info .time > i {
    vertical-align: middle;
    margin-left: 7px;
    top: 0
}
#smart-view #left-side-bar #episode-list .episode .episode-box .episode-info .time .note-wrap {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 4px;
    background-color: #d6d6d6;
    text-align: center;
    border-radius: 3px;
    vertical-align: text-top
}
#smart-view #left-side-bar #episode-list .episode .episode-box .episode-info .time .desc {
    display: none;
    color: #a6a6a6
}
#smart-view #left-side-bar #episode-list .episode .episode-box .episode-info .time .desc.on {
    display: inline
}
#smart-view #left-side-bar #episode-list .episode .episode-box .episode-info .time .new-label {
    display: inline-block;
    vertical-align: text-top;
    width: 28px;
    height: 16px;
    margin-left: 4px;
    padding: 0 4px;
    border-radius: 16px;
    line-height: 16px;
    background: #f6b606;
    font-size: 8px;
    color: #fff;
    font-weight: 700 !important;
    text-transform: uppercase;
    text-align: center
}
#smart-view #left-side-bar #episode-list .episode .episode-box .episode-info .time .nsfw-label {
    vertical-align: text-top
}
#smart-view #left-side-bar .collapse-bar {
    display: block;
    border-top: 1px solid #fff;
    line-height: 34px;
    text-align: right;
    background-color: #f6f6f6;
    padding: 0 18px;
    width: 260px;
    transition: width .3s cubic-bezier(.2, .3, .25, .9) 0s
}
#smart-view #left-side-bar .collapse-bar > i {
    vertical-align: middle
}
#smart-view #left-side-bar .collapse-bar .sp-ico-show {
    display: none
}
#smart-view #left-side-bar .collapse-bar:hover {
    border-top: 1px solid #f6f6f6;
    background-color: #fff
}
#smart-view #main-streams {
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    position: relative;
    transition: margin-left .3s cubic-bezier(.2, .3, .25, .9) 0s
}
#smart-view #main-streams #episodes-section {
    transition: margin-left .3s cubic-bezier(.2, .3, .25, .9) 0s;
    min-height: 500px;
    margin-right: 260px
}
#smart-view #main-streams #episodes-section .episode-ads {
    display: none;
    margin: 0 auto 40px;
    width: 728px;
    height: 90px;
    background-color: #00c
}
#smart-view #main-streams #episodes-section .episodes-header {
    padding-top: 20px
}
#smart-view #main-streams #episodes-section .episodes-header .inner {
    font-size: 16px;
    color: #a6a6a6;
    line-height: 18px;
    padding-bottom: 5px;
    border-bottom: 1px solid #e6e6e6;
    min-width: 730px;
    max-width: 940px;
    margin: 0 auto
}
#smart-view #main-streams #episodes-section .episodes-header .inner .episode-count {
    color: #e6e6e6
}
#smart-view #main-streams #episodes-section .episodes-header .inner .episode-prev-btn {
    cursor: pointer;
    float: right;
    color: #c6c6c6;
    font-size: 14px
}
#smart-view #main-streams #episodes-section .episodes-header .inner .episode-prev-btn .txt {
    vertical-align: middle
}
#smart-view #main-streams #episodes-section .episodes-header .inner .episode-prev-btn:hover {
    color: #26b6b6
}
#smart-view #main-streams #episodes-section #episodes {
    height: 100%;
    margin: 0;
    transition: margin-top .3s ease 0s
}
#smart-view #main-streams #episodes-section #episodes .current-sc, #smart-view #main-streams #episodes-section #episodes .no-episode {
    min-width: 730px;
    max-width: 940px;
    margin: 0 auto
}
#smart-view #main-streams #episodes-section #episodes .add-episode-wrap {
    width: 100%;
    height: 440px;
    margin-top: 30px;
    border: 2px dashed #26b6b6;
    position: relative
}
#smart-view #main-streams #episodes-section #episodes .add-episode-wrap.comic {
    border-color: #f6b606
}
#smart-view #main-streams #episodes-section #episodes .add-episode-wrap.comic .add-big-btn {
    background-color: #f6b606
}
#smart-view #main-streams #episodes-section #episodes .add-episode-wrap .add-big-btn {
    display: block;
    height: 100px;
    text-transform: uppercase;
    opacity: .8;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -50px 0 0 -250px;
    background-color: #26b6b6;
    border-radius: 4px
}
#smart-view #main-streams #episodes-section #episodes .add-episode-wrap .add-big-btn > i {
    margin: 18px;
    vertical-align: middle
}
#smart-view #main-streams #episodes-section #episodes .add-episode-wrap .add-big-btn:hover {
    opacity: 1
}
#smart-view #main-streams #episodes-section #episodes .add-episode-wrap .add-big-btn .btn-label {
    color: #fff;
    text-align: center;
    width: 400px;
    display: inline-block;
    font-size: 28px;
    line-height: 30px;
    vertical-align: middle
}
#smart-view #main-streams #episodes-section #episodes .no-episode {
    margin-top: 20px;
    font-size: 16px
}
#smart-view #main-streams #episodes-section #episodes .episode {
    padding: 15px 0 0
}
#smart-view #main-streams #episodes-section #episodes .episode .ep-header {
    position: relative;
    display: -ms-flexbox;
    display: flex
}
#smart-view #main-streams #episodes-section #episodes .episode .ep-header.epub {
    margin: 0 auto;
    max-width: 720px
}
#smart-view #main-streams #episodes-section #episodes .episode .ep-header > i {
    margin: 7px 10px 7px 0
}
#smart-view #main-streams #episodes-section #episodes .episode .ep-header .tooltip .tooltip-inner {
    width: 150px;
    word-wrap: break-word
}
#smart-view #main-streams #episodes-section #episodes .episode .ep-header .title {
    display: inline-block;
    line-height: 30px;
    font-size: 24px;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-weight: 700 !important;
    padding-right: 5px
}
#smart-view #main-streams #episodes-section #episodes .episode .ep-header .date {
    font-size: 16px;
    color: #d6d6d6;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
#smart-view #main-streams #episodes-section #episodes .episode .ep-header .date > a {
    cursor: default;
    color: #d6d6d6 !important
}
#smart-view #main-streams #episodes-section #episodes .episode .ep-header .date .coming-soon {
    font-size: 16px
}
#smart-view #main-streams #episodes-section #episodes .episode .ep-header .date .coming-soon .name {
    color: #a6a6a6
}
#smart-view #main-streams #episodes-section #episodes .episode .ep-header .date .coming-soon .published-date {
    color: #868696
}
#smart-view #main-streams #episodes-section #episodes .episode .bgm-wrap {
    margin-top: 10px;
    font-size: 0
}
#smart-view #main-streams #episodes-section #episodes .episode .bgm-wrap > a, #smart-view #main-streams #episodes-section #episodes .episode .bgm-wrap > span {
    display: inline-block;
    vertical-align: top;
    line-height: 40px
}
#smart-view #main-streams #episodes-section #episodes .episode .bgm-wrap .play-pause-btn {
    margin-right: 15px;
    line-height: 0;
    width: 40px;
    border-radius: 50%
}
#smart-view #main-streams #episodes-section #episodes .episode .bgm-wrap .play-pause-btn .ico {
    margin: 12px 14px
}
#smart-view #main-streams #episodes-section #episodes .episode .bgm-wrap .go-to-soundcloud {
    font-size: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 500px;
    margin-right: 10px;
    font-weight: 700 !important
}
#smart-view #main-streams #episodes-section #episodes .episode .bgm-wrap .powered-by {
    color: #c6c6c6;
    font-size: 12px
}
#smart-view #main-streams #episodes-section #episodes .episode .bgm-wrap .powered-by > a {
    color: #868696
}
#smart-view #main-streams #episodes-section #episodes .episode .bgm-wrap .auto-play {
    font-weight: 300 !important;
    color: #c6c6c6;
    font-size: 12px
}
#smart-view #main-streams #episodes-section #episodes .episode .bgm-wrap .auto-play > a.selected {
    color: #464656
}
#smart-view #main-streams #episodes-section #episodes .episode .bgm-wrap .auto-play > a:hover {
    color: #26b6b6
}
#smart-view #main-streams #episodes-section #episodes .episode .bgm-wrap .auto-play .tooltip-inner {
    max-width: 400px
}
#smart-view #main-streams #episodes-section #episodes .episode .ep-contents {
    margin-top: 30px
}
#smart-view #main-streams #episodes-section #episodes .episode .ep-contents .art-image {
    margin: 0 auto;
    display: block
}
#smart-view #main-streams #episodes-section #episodes.no-ad .ads .inner-wrap {
    padding: 20px 0 !important;
    height: 0 !important
}
#smart-view .ep-footer {
    margin-top: 20px;
    width: 100%
}
#smart-view .ep-footer .footer-section {
    position: relative;
    font-size: 0;
    line-height: 0
}
#smart-view .ep-footer .footer-section .support-btn {
    display: inline-block;
    width: 116px;
    margin-bottom: 16px;
    line-height: 0;
    font-size: 14px
}
#smart-view .ep-footer .footer-section .support-btn > i {
    margin: 10px 8px 10px 0;
    vertical-align: middle
}
#smart-view .ep-footer .footer-section .support-btn > span {
    vertical-align: middle
}
#smart-view .ep-footer .footer-section .count-bubble {
    position: relative;
    display: inline-block;
    font-size: 16px;
    padding-left: 5px
}
#smart-view .ep-footer .footer-section .count-bubble .bubble-inner {
    color: #c6c6c6;
    text-align: center;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #d6d6d6;
    border-radius: 3px;
    min-width: 38px;
    display: inline-block;
    line-height: 38px;
    padding: 0 6px;
    font-weight: 700 !important
}
#smart-view .ep-footer .footer-section .count-bubble .bubble-arrow {
    position: absolute;
    width: 0;
    height: 0;
    top: 50%;
    margin-top: -5px;
    border: 5px solid transparent
}
#smart-view .ep-footer .footer-section .count-bubble .bubble-arrow.left {
    left: 0;
    border-left-width: 0;
    border-right-color: #d6d6d6
}
#smart-view .ep-footer .footer-section .count-bubble .bubble-arrow.left.inner {
    left: 1px;
    border-right-color: #fff
}
#smart-view .ep-footer .footer-section .count-bubble .bubble-arrow.right {
    right: -5px;
    border-right-width: 0;
    border-left-color: #d6d6d6
}
#smart-view .ep-footer .footer-section .count-bubble .bubble-arrow.right.inner {
    right: -4px;
    border-left-color: #fff
}
#smart-view .ep-footer .footer-section.tabled:first-of-type {
    direction: ltr
}
#smart-view .ep-footer .footer-section.tabled {
    display: table;
    width: 100%;
    table-layout: fixed
}
#smart-view .ep-footer .footer-section.tabled > div {
    display: table-cell
}
#smart-view .ep-footer .footer-section.bottom {
    margin-top: 0
}
#smart-view .ep-footer .footer-section > div {
    display: inline-block
}
#smart-view .ep-footer .footer-section > .left-side {
    width: 100%;
    max-width: 940px;
    min-width: 720px;
    padding-right: 40px;
    direction: ltr
}
#smart-view .ep-footer .footer-section > .left-side .count-bubble {
    margin-right: 8px;
    vertical-align: middle
}
#smart-view .ep-footer .footer-section > .left-side .thumb-btn {
    width: 52px;
    height: 40px;
    padding: 0 5px;
    margin-right: 3px;
    transition: all .2s ease-in-out 0s
}
#smart-view .ep-footer .footer-section > .left-side .thumb-btn.voted {
    background-color: #f64656
}
#smart-view .ep-footer .footer-section > .left-side .thumb-btn.voted:hover {
    background-color: #ac313c
}
#smart-view .ep-footer .footer-section > .left-side .liked-users {
    display: inline-block;
    vertical-align: top;
    line-height: 0;
    max-width: 225px;
    height: 40px;
    margin-left: 16px;
}
#smart-view .ep-footer .footer-section > .left-side .liked-users .liked-user-thumb {
    display: inline-block;
    vertical-align: top;
    direction: ltr;
    margin-left: -15px;
    border: 3px solid #fff;
    border-radius: 100%;
}
#smart-view .ep-footer .footer-section > .left-side .liked-users .liked-user-thumb > img {
    display: block
}
#smart-view .ep-footer .footer-section > .left-side .episode-story-wrap {
    margin-bottom: 40px
}
#smart-view .ep-footer .footer-section > .left-side .episode-story-wrap .author-wrap {
    float: left;
    width: 50px
}
#smart-view .ep-footer .footer-section > .left-side .episode-story-wrap .author-wrap .author-thumb, #smart-view .ep-footer .footer-section > .left-side .episode-story-wrap .author-wrap .author-thumb > img {
    display: block
}
#smart-view .ep-footer .footer-section > .left-side .episode-story-wrap .episode-story {
    margin-left: 60px;
    font-size: 14px;
    line-height: 1.2
}
#smart-view .ep-footer .footer-section > .left-side .episode-story-wrap .episode-story .author-name {
    font-weight: 700 !important
}
#smart-view .ep-footer .footer-section > .left-side .episode-story-wrap .episode-story .text {
    color: #868696;
    font-size: 16px;
    margin: 10px 0 0;
    word-wrap: break-word
}
#smart-view .ep-footer .footer-section > .left-side .episode-story-wrap .episode-story .text[data-has-more=no] + .more-link {
    display: none
}
#smart-view .ep-footer .footer-section > .right-side {
    vertical-align: top;
    width: 145px
}
#smart-view .ep-footer .footer-section > .right-side.share-box .count-bubble {
    margin-left: 3px
}
#smart-view .ep-footer .footer-section > .right-side.share-box .mr4 {
    margin-left: 4px
}
#smart-view .ep-footer .footer-section > .right-side .share-btn {
    height: 38px;
}
#smart-view .ep-footer .footer-section > .right-side .share-btn > i {
    margin: 12px 9px 12px 12px
}
#smart-view .ep-footer .footer-section > .right-side .small-share-btn {
    vertical-align: middle;
    width: 40px;
    height: 40px
}
#smart-view .ep-footer .footer-section > .right-side .small-share-btn > i {
    margin: 12px
}
#smart-view .ep-footer .footer-section > .right-side .small-share-btn.mod-twit > i {
    margin: 12px 10px
}
#smart-view .ep-footer .footer-section > .right-side .ndropdown {
    width: 100%
}
#smart-view .ep-footer .footer-section > .right-side .copy-btn > i {
    margin: 12px 9px
}
.ep-extra-info-list {
    font-size: 14px
}
.ep-extra-info-list .ep-extra-info {
    line-height: 20px;
    color: #c6c6c6;
    padding: 15px 0
}
.ep-extra-info-list .ep-extra-info:nth-child(6){
    width: 100%;
}
.ep-extra-info-list .ep-extra-info:last-child {
    border: none;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ep-extra-info-list .ep-extra-info i {
    margin: 5px 8px;
    vertical-align: middle;
    font-size: 16px;
}
.ep-extra-info-list .ep-extra-info .tags {
    max-width: 82%;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ep-extra-info-list .ep-extra-info .tags > a {
    color: #c6c6c6
}
.ep-extra-info-list .ep-extra-info .tags > a:hover {
    color: #262636
}
.ep-extra-info-list .ep-extra-info .num {
    padding-right: 10px;
    vertical-align: middle;
    float: left;
}
.ep-extra-info-list .ep-extra-info .send-report {
    color: #c6c6c6
}
.ep-extra-info-list .ep-extra-info .send-report .sp-ico-stats-report-on {
    display: none
}
.ep-extra-info-list .ep-extra-info .send-report:hover {
    color: #f64656
}
.ep-extra-info-list .ep-extra-info .send-report:hover .sp-ico-stats-report {
    display: none
}
.ep-extra-info-list .ep-extra-info .send-report:hover .sp-ico-stats-report-on {
    display: inline-block
}
#smart-view .ep-footer .comments-wrap .comment-header {
    font-size: 16px;
    color: #d6d6d6
}
#smart-view .ep-footer .comments-wrap .load-comment-bar {
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 32px;
    text-align: center;
    width: 100%;
    background-color: #f6f6f6;
    display: block;
    border-radius: 5px
}
#smart-view .ep-footer .comments-wrap .load-comment-bar:hover {
    background-color: #26b6b6
}
#smart-view .ep-footer .comments-wrap .comment-box + .load-comment-bar {
    display: none !important
}
#smart-view .ep-footer .comments-wrap .comment-box .fb_iframe_widget, #smart-view .ep-footer .comments-wrap .comment-box .fb_iframe_widget > span, #smart-view .ep-footer .comments-wrap .comment-box .fb_iframe_widget > span > iframe {
    width: 100% !important
}
#smart-view .ep-footer .supporting-ad-wrap {
    margin-top: 30px
}
#smart-view .ep-footer .supporting-ad-wrap .supporting-ad {
    font-size: 0;
    line-height: 0;
    display: block
}
#smart-view .ep-footer .more-by-author-series {
    margin-top: 30px;
    margin-bottom: 12px
}
#smart-view .ep-footer .more-by-author-series .author-series > li {
    margin-right: 7px;
    position: relative;
    display: inline-block
}
#smart-view .ep-footer .more-by-author-series .author-series > li > a {
    display: block;
    line-height: 0
}
#smart-view .ep-footer .more-by-author-series .author-series > li:last-child {
    margin-right: 0
}
#smart-view .ep-footer .more-by-author-series .thumb-gradient {
    position: absolute;
    top: 0;
    width: 100%;
    height: 30px;
}
#smart-view .footer-header {
    font-size: 16px;
    line-height: 1.2;
    padding-bottom: 5px;
    color: #d6d6d6;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 20px
}
#smart-view .end-of-series {
    padding: 0 20px;
    margin-top: 40px
}
#smart-view .end-of-series .inner-wrap {
    min-width: 730px;
    max-width: 940px;
    margin: 0 auto;
    font-size: 0
}
#smart-view .ads {
    margin-top: 40px;
    background-color: #f6f6f6;
    border-left: 1px solid #e6e6e6;
    width: 100%;
    box-sizing: border-box
}
#smart-view .ads .inner-wrap {
    padding: 60px 0;
    height: 370px;
    width: 940px
}
#smart-view .ads .da-block {
    width: 100%;
    text-align: center;
    font-size: 0;
    line-height: 0
}
#smart-view .ads .da-block .inner {
    display: inline-block
}
#smart-view .ads .da-block .inner .rectangle-da {
    width: 300px;
    height: 250px;
    margin-right: 20px;
    display: inline-block !important;
    position: relative
}
#smart-view .ads .da-block .inner .rectangle-da:last-child {
    margin-right: 0
}
#smart-view .ads .da-block .inner .rectangle-da .da-placeholder {
    position: absolute;
    z-index: 1;
    display: block !important;
    width: 300px;
    height: 250px;
    left: 0;
    top: 0
}
#smart-view .ads .da-block .inner .rectangle-da .ad-iframe {
    position: absolute !important;
    z-index: 2;
    left: 0;
    top: 0
}
#smart-view .read-next {
    background-color: #e6e6e6
}
#smart-view .read-next .inner-wrap {
    padding: 60px 0;
    white-space: nowrap
}
#smart-view .read-next .heading {
    text-transform: capitalize;
    font-size: 16px;
    color: #a6a6a6;
    border-top: 1px solid #c6c6c6;
    margin-bottom: 30px;
    line-height: 1.5
}
#smart-view .read-next .card {
    position: relative;
    background-color: #fff;
    width: 300px;
    height: 440px
}
#smart-view .read-next .card:not(:last-child) {
    margin-right: 20px
}
#smart-view .read-next .card .thumb-wrap {
    width: 300px;
    height: 300px
}
#smart-view .read-next .card .desc-wrap {
    padding: 0 20px;
    width: 100%;
    margin-top: 11px
}
#smart-view .read-next .card .desc-wrap .type {
    font-size: 12px;
    color: #a6a6a6
}
#smart-view .read-next .card .desc-wrap .title {
    font-size: 24px;
    line-height: 28px;
    color: #464656;
    margin-top: -1px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-weight: 700 !important
}
#smart-view .read-next .card .desc-wrap .author {
    font-size: 16px;
    color: #868696
}
#smart-view .read-next .card .desc-wrap .sub-wrap {
    width: 100%;
    border-top: 1px solid #e6e6e6;
    position: absolute;
    bottom: 0;
    margin: 0 -20px
}
#smart-view .read-next .card .desc-wrap .sub {
    padding: 0 20px;
    font-size: 14px;
    color: #c6c6c6;
    line-height: 40px;
    vertical-align: middle
}
#smart-view .read-next .card .desc-wrap .sub .right {
    position: absolute;
    right: 15px
}
#smart-view .read-next .card .desc-wrap .sub .right span {
    padding: 0 5px
}
#smart-view .read-next .card .desc-wrap .sub .right span:not(:first-child) {
    border-left: 1px solid #e6e6e6
}
#smart-view .read-next .card .desc-wrap .sub i {
    vertical-align: -4px
}
.popup-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #f6f6f6;
    width: 464px;
    padding: 38px 28px;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .25)
}
.popup-box.report-popup .report-types > li {
    margin-bottom: 12px
}
.popup-box .popup-header {
    position: relative;
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: 700 !important
}
.popup-box .popup-header .hide-overlay {
    position: absolute;
    right: -20px;
    top: -20px;
    width: 40px;
    font-size: 0;
    line-height: 0
}
.popup-box .popup-header .hide-overlay > i {
    margin: 12px
}
.popup-box .popup-body .p .p-header {
    color: #464656;
    margin-bottom: 12px;
    font-size: 16px
}
.popup-box .popup-body .p .p-header.mb8 {
    margin-bottom: 8px
}
.popup-box .popup-body .p .p-header.mb24 {
    margin-bottom: 24px
}
.popup-box .popup-body .p textarea {
    resize: none;
    width: 100%;
    padding: 5px;
    border-radius: 4px;
    border: 1px solid #c6c6c6;
    outline: none
}
.popup-box .popup-body .p .reporter {
    line-height: 20px;
    font-size: 14px;
    border-radius: 4px;
    border-color: #c6c6c6
}
.popup-box .popup-body .p .detail-count, .popup-box .popup-body .p .detail-count span {
    font-size: 12px
}
.popup-box .popup-footer {
    overflow: hidden;
    margin-top: 12px
}
.popup-box .popup-footer .description {
    color: #262636;
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 24px
}
.popup-box .popup-footer .description > a {
    color: #262636;
    font-weight: 700 !important
}
.popup-box .popup-footer .action {
    float: right
}
.popup-box .popup-footer .action > a {
    width: 120px
}
.popup-box .popup-footer .action > a.disabled {
    background-color: #e6e6e6;
    cursor: not-allowed
}
.popup-box .popup-footer .action > a .loading-indicator {
    display: none;
    line-height: 40px
}
.popup-box .popup-footer .action > a.loading label {
    display: none
}
.popup-box .popup-footer .action > a.loading .loading-indicator {
    display: inline-block
}
.popup-box .popup-footer .action .mr16 {
    margin-right: 16px
}
#embed-popup {
    width: 424px
}
#embed-popup h2 {
    margin-bottom: 12px;
    line-height: 1.5;
    font-size: 20px;
    color: #464656;
    text-transform: capitalize;
    font-weight: 700 !important
}
#embed-popup .code-wrap {
    margin-bottom: 28px
}
#embed-popup .embed-display-options {
    height: 132px;
    margin-top: 30px
}
#embed-popup .embed-radio-wrap {
    margin-bottom: 12px
}
#embed-popup .embed-radio-wrap > div {
    display: inline-block;
    margin-right: 20px
}
#embed-popup .embed-radio-wrap .radio-wrap .p-radio-label {
    font-size: 14px
}
#embed-popup .embed-options-image-wrap {
    float: right;
    line-height: 0;
    margin-right: 0
}
#embed-popup .embed-options-image-wrap.full {
    margin-right: 4px
}
#embed-popup .embed-desc {
    font-size: 14px;
    color: #868696;
    width: 250px
}
#embed-popup #embed-code {
    width: 100%;
    height: 100px;
    cursor: default !important;
    overflow: hidden
}
#embed-popup .embed-color-options-wrap {
    margin-top: 8px;
    margin-bottom: 10px
}
#embed-popup .episode-top-v2 {
    margin: 20px 0 0
}
#embed-popup .embed-color-option {
    width: 16px;
    height: 16px;
    border-radius: 2px;
    background-color: #fff;
    margin-right: 8px;
    cursor: pointer;
    vertical-align: middle;
    position: relative
}
#embed-popup .embed-color-option.mod-white {
    border: 1px solid #868696
}
#embed-popup .embed-color-option.on {
    width: 20px;
    height: 20px;
    border: 2px solid #464656
}
#embed-popup .embed-color-option.on .inner {
    border: 1px solid #868696;
    top: 2px;
    left: 2px
}
#embed-popup .embed-color-option:first-child:not(.on) {
    margin-left: 3px
}
#embed-popup .embed-color-option .inner {
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 2px
}
#embed-popup .embed-color-option .inner.mod-black {
    background-color: #262636
}
#smart-view.collapsed #cover-section {
    margin-left: 50px
}
#smart-view.collapsed #left-side-bar {
    width: 50px;
    overflow: visible
}
#smart-view.collapsed #left-side-bar .inner {
    width: 50px
}
#smart-view.collapsed #left-side-bar #series-thumb {
    margin-left: -200px
}
#smart-view.collapsed #left-side-bar .series-sale-collapse {
    display: block
}
#smart-view.collapsed #left-side-bar .series-info-wrap {
    width: 32px;
    padding: 0 9px
}
#smart-view.collapsed #left-side-bar .series-info-wrap .author, #smart-view.collapsed #left-side-bar .series-info-wrap .description, #smart-view.collapsed #left-side-bar .series-info-wrap .number-status, #smart-view.collapsed #left-side-bar .series-info-wrap .series-sale-label, #smart-view.collapsed #left-side-bar .series-info-wrap .support-btn, #smart-view.collapsed #left-side-bar .series-info-wrap .title {
    display: none
}
#smart-view.collapsed #left-side-bar .series-info-wrap .subscribe-btn {
    width: 32px
}
#smart-view.collapsed #left-side-bar .series-info-wrap .subscribe-btn .txt {
    display: none
}
#smart-view.collapsed #left-side-bar .series-info-wrap .subscribe-btn > i {
    margin-left: 9px
}
#smart-view.collapsed #left-side-bar .series-info-wrap .series-edit-btn-wrap {
    width: 32px
}
#smart-view.collapsed #left-side-bar .series-info-wrap .buttons {
    width: 32px;
    height: auto
}
#smart-view.collapsed #left-side-bar .series-info-wrap .buttons > .bt {
    margin-bottom: 10px;
    position: static
}
#smart-view.collapsed #left-side-bar .series-info-wrap .buttons > .bt.has-ndropdown:hover {
    padding-bottom: 0
}
#smart-view.collapsed #left-side-bar .series-info-wrap .buttons > .bt.has-ndropdown .ndropdown {
    left: 9px;
    right: auto;
    margin-top: 0
}
#smart-view.collapsed #left-side-bar .series-info-wrap .buttons .subscribe-btn-wrap .tooltip-inner {
    white-space: nowrap
}
#smart-view.collapsed #left-side-bar .series-info-wrap.off {
    padding: 0
}
#smart-view.collapsed #left-side-bar .series-info-wrap.off .buttons {
    margin: 5px 0 0
}
#smart-view.collapsed #left-side-bar .series-info-wrap.off .buttons > .bt {
    margin: 0
}
#smart-view.collapsed #left-side-bar .series-info-wrap.off .buttons > .rss-btn, #smart-view.collapsed #left-side-bar .series-info-wrap.off .buttons > .share-btn {
    display: none !important
}
#smart-view.collapsed #left-side-bar .series-info-wrap.off .buttons .subscribe-btn {
    width: 50px;
    height: 50px;
    margin: 0;
    border-radius: 0;
    line-height: 50px;
    padding-right: 0
}
#smart-view.collapsed #left-side-bar .series-info-wrap.off .buttons .subscribe-btn .ico {
    margin-top: 17px;
    margin-left: 19px;
    vertical-align: baseline
}
#smart-view.collapsed #left-side-bar .episode-list-bar .bar {
    padding: 0;
    width: 50px
}
#smart-view.collapsed #left-side-bar .episode-list-bar .keys, #smart-view.collapsed #left-side-bar .episode-list-bar .txt {
    display: none
}
#smart-view.collapsed #left-side-bar .scrollbar-wrap {
    overflow: visible
}
#smart-view.collapsed #left-side-bar .scrollbar-wrap .viewport {
    overflow: visible;
    overflow-y: hidden;
    width: 55px
}
#smart-view.collapsed #left-side-bar .scrollbar-wrap .viewport .add-episode-btn {
    width: 50px
}
#smart-view.collapsed #left-side-bar #episode-nav-wrap {
    overflow: visible;
    width: 50px
}
#smart-view.collapsed #left-side-bar #episode-nav-wrap .add-episode-btn .btn-label {
    display: none
}
#smart-view.collapsed #left-side-bar #episode-nav-wrap .ep-edit-btn {
    display: none !important
}
#smart-view.collapsed #left-side-bar #episode-nav-wrap .episode {
    margin-right: 5px;
    transition: all .1s linear 0s
}
#smart-view.collapsed #left-side-bar #episode-nav-wrap .episode .episode-thumb-wrap {
    position: relative
}
#smart-view.collapsed #left-side-bar #episode-nav-wrap .episode .ep-new-icon-small {
    width: 28px;
    height: 16px;
    margin-left: 4px;
    padding: 0 4px;
    border-radius: 16px;
    line-height: 16px;
    background: #f6b606;
    font-size: 8px;
    color: #fff;
    font-weight: 700 !important;
    text-transform: uppercase;
    text-align: center;
    width: 14px;
    position: absolute;
    top: 2px;
    right: 2px
}
#smart-view.collapsed #left-side-bar #episode-nav-wrap .episode .ep-new-icon-small.new {
    width: 16px;
    display: block
}
#smart-view.collapsed #left-side-bar #episode-nav-wrap .episode.on .episode-thumb-wrap {
    box-sizing: border-box;
    width: 50px;
    height: 50px
}
#smart-view.collapsed #left-side-bar #episode-nav-wrap .episode.on .episode-thumb-wrap .ep-thumb-img {
    padding: 1px 0 0 1px;
    width: 46px;
    height: 46px
}
#smart-view.collapsed #left-side-bar #episode-nav-wrap .episode .sp-ico-lock {
    display: none
}
#smart-view.collapsed #left-side-bar #episode-nav-wrap .episode .sp-ico-lock-on {
    display: block;
    margin: 17px 19px
}
#smart-view.collapsed #left-side-bar #episode-nav-wrap .episode:hover {
    margin-left: 5px;
    margin-right: 0
}
#smart-view.collapsed #left-side-bar #episode-nav-wrap .episode-info {
    display: none
}
#smart-view.collapsed #left-side-bar .collapse-bar {
    text-align: left;
    width: 50px;
    transition: margin-left .1s linear 0s
}
#smart-view.collapsed #left-side-bar .collapse-bar .sp-ico-hide {
    display: none
}
#smart-view.collapsed #left-side-bar .collapse-bar .sp-ico-show {
    display: inline-block
}
#smart-view.collapsed #left-side-bar .collapse-bar:hover {
    margin-left: 5px
}
#smart-view.collapsed #main-streams {
    margin-left: 50px
}
#smart-view.collapsed #main-streams #episodes-section {
    margin-left: 0
}
#smart-view .user-list-tooltip {
    padding: 0 5px;
    text-align: left;
    font-size: 16px
}
#smart-view .user-list-tooltip header {
    white-space: pre;
    margin-bottom: 5px;
    font-weight: 700 !important
}
#internal-tags {
    min-width: 120px;
    max-width: 300px;
    max-height: 640px;
    overflow-y: scroll;
    background-color: rgba(6, 6, 22, .6);
    color: #fff;
    font-size: 14px;
    padding: 12px 8px 8px;
    position: fixed;
    top: 70px;
    right: 255px;
    z-index: 2;
    border-radius: 4px
}
#internal-tags .fold {
    display: block;
    width: 100%;
    margin-bottom: 8px;
    line-height: 16px;
    color: hsla(0, 0%, 100%, .5);
    text-align: center
}
#internal-tags .fold:hover {
    color: hsla(0, 0%, 100%, .5)
}
#internal-tags .fold-label {
    display: block;
    width: 100%;
    line-height: 16px;
    font-size: 12px;
    color: #fff !important;
    text-align: center
}
#internal-tags a {
    color: #fff
}
#internal-tags a:hover {
    color: #26b6b6
}
#internal-tags .foldable {
    display: none;
    margin-top: 8px;
    border-top: 1px solid #fff
}
#internal-tags .foldable h3 {
    font-size: 16px;
    line-height: 24px
}
#internal-tags .input {
    width: 164px;
    min-height: 30px;
    padding: 0 3px 0 10px;
    margin-bottom: 9px;
    border-radius: 3px
}
#internal-tags .section {
    margin-top: 10px
}
#internal-tags .section .available-list li {
    display: inline
}
#internal-tags .section .available-list li + li:before {
    content: ", "
}
#internal-tags .add {
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    margin-bottom: 9px;
    vertical-align: middle
}
#internal-tags .tag-name {
    vertical-align: top
}
#internal-tags .update-btn {
    height: 30px;
    padding: 0 10px;
    line-height: 30px;
    margin-bottom: 9px
}
#ep-nav-instruction {
    position: fixed;
    bottom: -200px;
    right: 82px
}
#ep-nav-instruction .scrollguy {
    margin-left: 50px;
    margin-bottom: -5px
}
#ep-nav-instruction .arrow {
    margin-left: 96px
}
#ep-nav-instruction .count-bubble {
    position: relative;
    display: inline-block;
    font-size: 16px;
    padding-left: 6.25px
}
#ep-nav-instruction .count-bubble .bubble-inner {
    color: #c6c6c6;
    text-align: center;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #d6d6d6;
    border-radius: 3px;
    min-width: 218px;
    display: inline-block;
    line-height: 48px;
    font-weight: 700 !important
}
#ep-nav-instruction .count-bubble .bubble-arrow {
    position: absolute;
    width: 0;
    height: 0;
    top: 50%;
    margin-top: -6.25px;
    border: 6.25px solid transparent
}
#ep-nav-instruction .count-bubble .bubble-arrow.left {
    left: 0;
    border-left-width: 0;
    border-right-color: #d6d6d6
}
#ep-nav-instruction .count-bubble .bubble-arrow.left.inner {
    left: 1px;
    border-right-color: #fff
}
#ep-nav-instruction .count-bubble .bubble-arrow.right {
    right: -6.25px;
    border-right-width: 0;
    border-left-color: #d6d6d6
}
#ep-nav-instruction .count-bubble .bubble-arrow.right.inner {
    right: -5.25px;
    border-left-color: #fff
}
#ep-nav-instruction .count-bubble .bubble-inner {
    color: #262636
}
.ep-html-contents {
    margin: 0 auto;
    max-width: 720px;
    border: none !important;
    outline: none;
    width: 720px;
    min-height: 600px;
    margin-bottom: 14px;
    border-bottom: 1px solid #d6d6d6;
    font-weight: 400;
    font-size: 20px;
    color: #262636;
    text-align: left;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.ep-html-contents.no-line {
    border: none;
    margin-bottom: 0
}
.ep-html-contents p {
    margin: 0 0 1.1em !important;
    line-height: 33px
}
.ep-html-contents p b {
    line-height: inherit
}
.ep-html-contents h2 {
    margin: 0 0 8px;
    line-height: 40px
}
.ep-html-contents i {
    font-size: inherit;
    line-height: inherit;
    display: initial
}
.ep-html-contents blockquote {
    padding: 20px 0 20px 60px;
    margin: 0;
    font-size: inherit;
    border: none;
    font-style: italic
}
.ep-html-contents h2 {
    font-weight: 700 !important;
    font-size: 32px
}
.ep-epub-contents {
    width: 100%;
    margin: 0 auto;
    min-height: 100%;
    max-width: 720px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.ep-epub-contents .ep-epub-content {
    position: relative;
    color: #1b1b26;
    font-weight: 400;
    box-sizing: border-box;
    margin-bottom: 30px
}
.ep-epub-contents .ep-epub-content p {
    width: 100%;
    margin: 0 0 1.1em !important;
    line-height: 33px !important;
    font-size: 20px !important;
    text-align: left
}
.ep-epub-contents .ep-epub-content p, .ep-epub-contents .ep-epub-content span {
    font-weight: 400
}
.ep-epub-contents .ep-epub-content .img-wrap {
    width: auto !important;
    height: auto !important;
    line-height: 0
}
.ep-epub-contents .ep-epub-content .body p:last-child {
    margin-bottom: 0 !important
}
.ep-epub-contents .ep-epub-content .icenter {
    text-align: center !important
}
.ep-epub-contents .ep-epub-content em {
    font-weight: 700;
    font-style: normal
}
.ep-epub-contents .ep-epub-content img.avatar {
    width: 50px !important;
    height: 50px !important;
    float: left
}
.ep-epub-contents .ep-epub-content .talk {
    clear: both
}
.ep-epub-contents .ep-epub-content .bubble {
    margin-left: 60px
}
.ep-epub-contents .ep-epub-content .a-name {
    font-size: .8em !important;
    margin-bottom: .2em !important
}
.ep-epub-contents .ep-epub-content i {
    font-size: inherit;
    line-height: inherit
}
.key-popup-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 310px;
    padding: 32px;
    background-color: #fff;
    border-radius: 8px;
    font-size: 0;
    text-align: center
}
.key-popup-wrap > i {
    margin: 0 auto 16px
}
.key-popup-wrap .ico-wrap {
    margin: 0 auto 16px;
    width: 48px;
    height: 48px;
    background-color: rgba(70, 70, 86, .3);
    border-radius: 100%
}
.key-popup-wrap .ico-wrap > i {
    margin: 16px 14px
}
.key-popup-wrap p {
    margin: 0;
    line-height: 18px;
    font-size: 14px;
    color: #464656
}
.key-popup-wrap p.mint {
    color: #56c676 !important
}
.key-popup-wrap p.title {
    margin-bottom: 12px;
    line-height: 30px;
    font-size: 24px;
    color: #262636;
    font-weight: 700 !important
}
.key-popup-wrap p.sub-title {
    margin-bottom: 10px;
    line-height: 20px;
    font-size: 16px;
    font-weight: 700 !important
}
.ev-root i {
    display: inline-block
}
.ev-root header {
    background: url(/resources/images/some/inksgiving-gradient.png) repeat-x;
    background-size: 2px 320px;
    height: 320px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}
.ev-root .header__title-block {
    padding-top: 30px;
    margin: 0 auto;
    text-align: center;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.ev-root .header__descs-inner {
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 860px;
    height: 48px;
    -ms-flex-align: center;
    align-items: center
}
.ev-root .header__desc {
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    height: 24px;
    color: #868696;
    font-family: Helsinki;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    position: relative
}
.ev-root .header__counter {
    margin: 0 auto 15px;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 860px;
    -ms-flex-align: center;
    align-items: center
}
.ev-root .header__counter-number {
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    font-family: Helsinki;
    font-size: 120px;
    line-height: 1;
    text-align: center
}
.ev-root .goal-box, .ev-root .header__counter-number {
    color: #fff
}
.ev-root .goal-box {
    position: absolute;
    width: 100%;
    background-color: #262636;
    height: 88px;
    box-sizing: border-box;
    border-radius: 16px;
    top: -36px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center
}
.ev-root .goal-number {
    font-size: 40px;
    line-height: 44px
}
.ev-root .goal-number.victory {
    color: #f6b606
}
.ev-root .goal-msg {
    font-size: 16px;
    line-height: 20px;
    color: #868696
}
.ev-root .header__bar {
    margin: 0 auto 84px;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 860px;
    -ms-flex-align: center;
    align-items: center
}
.ev-root .bar__inner {
    width: 0;
    line-height: 20px;
    border-radius: 10px;
    background: linear-gradient(180deg, #464656, #262636);
    position: relative;
    transition: width .3s ease-in-out 0s
}
.ev-root .bar__outer {
    width: 100%;
    padding: 2px;
    border-radius: 12px;
    box-sizing: border-box;
    background: linear-gradient(0deg, #fff, #e6e6e6);
    border: 2px solid #464656
}
.ev-root .bar__outer.victory {
    background: #f6b606
}
.ev-root .bar__outer.victory .bar__inner {
    width: 100%
}
.ev-root .bar__inner .drop-icon {
    position: absolute;
    right: -12px;
    top: -14px
}
.ev-root .section {
    background-color: #f6f6f6;
    height: 100%;
    padding-bottom: 60px
}
.ev-root .section.white {
    background-color: #fff
}
.ev-root .main {
    height: 100%;
    width: 100%;
    max-width: 900px;
    margin: 60px auto;
    color: #464656;
    padding: 0 20px;
    box-sizing: border-box
}
.ev-root p {
    margin: 0
}
.ev-root .main__how-box--footer a, .ev-root .main__how-box a {
    color: #f6b606;
    text-decoration: none
}
.ev-root .main__how-box {
    border: 1px solid #d6d6d6;
    border-radius: 4px;
    background-color: #fff;
    font-size: 16px;
    line-height: 24px;
    padding: 24px
}
.ev-root .main__message-box {
    border-radius: 4px;
    background-color: #e6e6e6;
    overflow-y: auto;
    min-height: 225px;
    max-height: 480px;
    border: 1px solid #c6c6c6;
    margin-bottom: 48px;
    padding: 20px 64px 0;
    position: relative;
    transition: height .3s cubic-bezier(.18, .89, .32, 1.28) 0s
}
.ev-root .main__how-box--footer {
    font-size: 16px;
    line-height: 24px
}
.ev-root .main h5 {
    font-size: 20px;
    margin: 40px 0 12px;
    font-weight: 700
}
.ev-root .main h5.nm {
    margin-top: 0
}
.ev-root .main__hero {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: -20px;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.ev-root .main__hero--bl {
    -ms-flex-align: baseline;
    align-items: baseline
}
.ev-root .main__hero-txt {
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 20px;
    line-height: 28px;
    margin-top: -20px;
    max-width: 600px
}
.ev-root .main__hero-tapamon {
    -ms-flex-positive: 0;
    flex-grow: 0;
    text-align: right;
    z-index: 10
}
.ev-root .empty {
    line-height: 24px
}
.ev-root i {
    vertical-align: middle
}
.ev-root .ink-loading-wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #e6e6e6;
    z-index: 2;
    border-radius: 4px;
    overflow: hidden
}
.ev-root .ink-loading {
    position: absolute;
    top: -40px;
    left: 50%;
    margin-left: -70px;
    width: 140px;
    height: 264px;
    background-image: url(../image/ink-diving.png);
    background-size: 1350px 1890px;
    transition: top .3s cubic-bezier(.18, .89, .32, 1.28) 0s
}
.ev-root .ink-loading.paused {
    animation-play-state: paused
}
.ev-root .ink-loading.run {
    top: -27px;
    animation-play-state: running
}
.ev-root .messages .message {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 24px
}
.ev-root .messages .thumb-wrap {
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 48px;
    z-index: 1
}
.ev-root .messages .thumb-wrap .thumb-cover {
    position: relative;
    border: 4px solid #e6e6e6;
    margin-top: -4px
}
.ev-root .messages .thumb-wrap .thumb {
    border: 1px solid #e3e3e3
}
.ev-root .messages .t-edge {
    width: 0;
    height: 0;
    border-top: 25px solid #fff;
    border-left: 25px solid transparent
}
.ev-root .messages .content-wrap {
    width: 100%;
    background-color: #fff;
    padding: 12px 16px;
    border-radius: 0 12px 12px 12px;
    color: #464656;
    font-size: 16px;
    line-height: 16px;
    position: relative
}
.ev-root .messages .content-wrap .name {
    font-size: 14px;
    color: #262636;
    margin-bottom: 5px
}
.ev-root .messages .content-wrap .info {
    color: #a6a6a6;
    font-size: 12px
}
.ev-root .messages .content-wrap .msg {
    line-height: 24px;
}
.ev-root .messages .content-wrap .dot {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    position: relative;
    display: inline-block;
    background-color: #a6a6a6;
    margin: 6px;
    vertical-align: top
}
.ev-root .messages .content-wrap:after {
    content: "";
    position: absolute;
    top: 0;
    left: -25px;
    width: 0;
    height: 0;
    border-top: 25px solid #fff;
    border-left: 25px solid transparent
}
.ev-root .txt-header {
    font-size: 20px
}
.ev-root .main__img-box {
    margin: 48px 0;
    text-align: center
}
.ev-root .bg_grass {
    background: url(../image/grass.png) 50% repeat-x;
    background-size: 1550px 27px;
    height: 27px;
    width: 100%
}
.ev-root .bg_grass.bg-color {
    background-color: #f6f6f6
}
@media (max-width: 1100px) {
    .global-nav .global-nav-content {
        width: 940px;
        transition: width .2s
    }
    .global-nav .global-nav-content .global-nav-content-left {
        padding-left: 0;
        transition: padding-right .2s
    }
}
@media (max-width: 1239px) {
    .page-wrap.dark .global-page {
        width: 768px;
        min-width: 768px
    }
    .series-card-wrap .series-card {
        width: 170px;
        margin-right: 16px
    }
    .series-card-wrap .series-card:nth-child(4n) {
        margin-right: 0 !important
    }
    .series-card-wrap .thumb-card-wrap {
        height: 255px
    }
}