/*!
 * Copyright (c) 2017 ~ present NAVER Corp.
 * billboard.js project is licensed under the MIT license
 *
 * billboard.js, JavaScript chart library
 * https://naver.github.io/billboard.js/
 *
 * @version 2.2.1
 */.bb svg{font:10px sans-serif;-webkit-tap-highlight-color:rgba(0,0,0,0)}.bb line,.bb path{fill:none;stroke:#000}.bb .bb-button,.bb text{-webkit-user-select:none;-moz-user-select:none;user-select:none}.bb-bars path,.bb-event-rect,.bb-legend-item-tile,.bb-xgrid-focus,.bb-ygrid,.bb-ygrid-focus{shape-rendering:crispEdges}.bb-chart-arc .bb-gauge-value{fill:#000}.bb-chart-arc path{stroke:#fff}.bb-chart-arc rect{stroke:#fff;stroke-width:1}.bb-chart-arc text{fill:#fff;font-size:13px}.bb-axis{shape-rendering:crispEdges}.bb-grid line{stroke:#aaa}.bb-grid text{fill:#aaa}.bb-xgrid,.bb-ygrid{stroke-dasharray:3 3}.bb-text.bb-empty{fill:grey;font-size:2em}.bb-line{stroke-width:1px}.bb-circle._expanded_{stroke-width:1px;stroke:#fff}.bb-selected-circle{fill:#fff;stroke-width:2px}.bb-bar{stroke-width:0}.bb-bar._expanded_{fill-opacity:.75}.bb-circles.bb-focused,.bb-target.bb-focused{opacity:1}.bb-circles.bb-focused path.bb-line,.bb-circles.bb-focused path.bb-step,.bb-target.bb-focused path.bb-line,.bb-target.bb-focused path.bb-step{stroke-width:2px}.bb-circles.bb-defocused,.bb-target.bb-defocused{opacity:.3!important}.bb-circles.bb-defocused .text-overlapping,.bb-target.bb-defocused .text-overlapping{opacity:.05!important}.bb-region{fill:#4682b4;fill-opacity:.1}.bb-brush .extent,.bb-zoom-brush{fill-opacity:.1}.bb-legend-item{font-size:12px;user-select:none}.bb-legend-item-hidden{opacity:.15}.bb-legend-background{opacity:.75;fill:#fff;stroke:#d3d3d3;stroke-width:1}.bb-title{font:14px sans-serif}.bb-tooltip-container{z-index:10;user-select:none}.bb-tooltip{border-collapse:collapse;border-spacing:0;background-color:#fff;empty-cells:show;opacity:.9;-webkit-box-shadow:7px 7px 12px -9px #777;-moz-box-shadow:7px 7px 12px -9px #777;box-shadow:7px 7px 12px -9px #777}.bb-tooltip tr{border:1px solid #ccc}.bb-tooltip th{background-color:#aaa;font-size:14px;padding:2px 5px;text-align:left;color:#fff}.bb-tooltip td{font-size:13px;padding:3px 6px;background-color:#fff;border-left:1px dotted #999}.bb-tooltip td>span,.bb-tooltip td>svg{display:inline-block;width:10px;height:10px;margin-right:6px}.bb-tooltip.value{text-align:right}.bb-area{stroke-width:0;opacity:.2}.bb-chart-arcs-title{dominant-baseline:middle;font-size:1.3em}.bb-chart-arcs-gauge-title{dominant-baseline:middle;font-size:2.7em}.bb-chart-arcs .bb-chart-arcs-background{fill:#e0e0e0;stroke:#fff}.bb-chart-arcs .bb-chart-arcs-gauge-unit{fill:#000;font-size:16px}.bb-chart-arcs .bb-chart-arcs-gauge-max,.bb-chart-arcs .bb-chart-arcs-gauge-min{fill:#777}.bb-chart-radars .bb-levels polygon{fill:none;stroke:#848282;stroke-width:.5px}.bb-chart-radars .bb-levels text{fill:#848282}.bb-chart-radars .bb-axis line{stroke:#848282;stroke-width:.5px}.bb-chart-radars .bb-axis text{font-size:1.15em;cursor:default}.bb-chart-radars .bb-shapes polygon{fill-opacity:.2;stroke-width:1px}.bb-button{position:absolute;top:10px;right:10px}.bb-button .bb-zoom-reset{font-size:11px;border:1px solid #ccc;background-color:#fff;padding:5px;border-radius:5px;cursor:pointer}
.ui-rangeSlider{height:22px}.ui-rangeSlider .ui-rangeSlider-innerBar{height:16px;margin:3px 6px;background:#DDD}.ui-rangeSlider .ui-rangeSlider-handle{width:6px;height:22px;background:#AAA;background:rgba(100,100,100,.3);cursor:col-resize}.ui-rangeSlider .ui-rangeSlider-bar{margin:1px 0;background:#CCC;background:rgba(100,100,150,.2);height:20px;cursor:move;cursor:grab;cursor:-moz-grab}.ui-rangeSlider .ui-rangeSlider-bar.ui-draggable-dragging{cursor:-moz-grabbing;cursor:grabbing}.ui-rangeSlider-arrow{height:16px;margin:2px 0;width:16px;background-repeat:no-repeat}.ui-rangeSlider-arrow-inner{display:none}.ui-rangeSlider-container{height:22px}.ui-rangeSlider-withArrows .ui-rangeSlider-container{margin:0 11px}.ui-rangeSlider-noArrow .ui-rangeSlider-container{margin:0}.ui-rangeSlider-label{margin:0 2px 2px;background-image:url("../js/libraries/jqrangeslider/icons-classic/label.png");background-position:bottom center;background-repeat:no-repeat;white-space:nowrap;bottom:20px;padding:3px 6px 7px;cursor:col-resize}.ui-rangeSlider-label-inner{display:none}input.ui-editRangeSlider-inputValue{width:3em;vertical-align:middle;text-align:center}
/** Dark style from softwaremaniacs.org (c) Ivan Sagalaev <Maniac@SoftwareManiacs.Org> */

.hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: #444;
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-literal,
.hljs-section,
.hljs-link {
  color: white;
}

.hljs,
.hljs-subst {
  color: #ddd;
}

.hljs-string,
.hljs-title,
.hljs-name,
.hljs-type,
.hljs-attribute,
.hljs-symbol,
.hljs-bullet,
.hljs-built_in,
.hljs-addition,
.hljs-variable,
.hljs-template-tag,
.hljs-template-variable {
  color: #d88;
}

.hljs-comment,
.hljs-quote,
.hljs-deletion,
.hljs-meta {
  color: #777;
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-literal,
.hljs-title,
.hljs-section,
.hljs-doctag,
.hljs-type,
.hljs-name,
.hljs-strong {
  font-weight: bold;
}

.hljs-emphasis {
  font-style: italic;
}

@font-face{font-family:'FontAwesome';src:url('../js/libraries/font-awesome/fontawesome-webfont.eot?v=3.2.1');src:url('../js/libraries/font-awesome/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'),url('../js/libraries/font-awesome/fontawesome-webfont.woff?v=3.2.1') format('woff'),url('../js/libraries/font-awesome/fontawesome-webfont.ttf?v=3.2.1') format('truetype'),url('../js/libraries/font-awesome/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');font-weight:normal;font-style:normal;}[class^="icon-"],[class*=" icon-"]{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;}
[class^="icon-"]:before,[class*=" icon-"]:before{text-decoration:inherit;display:inline-block;speak:none;}
.icon-large:before{vertical-align:-10%;font-size:1.3333333333333333em;}
a [class^="icon-"],a [class*=" icon-"]{display:inline;}
[class^="icon-"].icon-fixed-width,[class*=" icon-"].icon-fixed-width{display:inline-block;width:1.1428571428571428em;text-align:right;padding-right:0.2857142857142857em;}[class^="icon-"].icon-fixed-width.icon-large,[class*=" icon-"].icon-fixed-width.icon-large{width:1.4285714285714286em;}
.icons-ul{margin-left:2.142857142857143em;list-style-type:none;}.icons-ul>li{position:relative;}
.icons-ul .icon-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;text-align:center;line-height:inherit;}
[class^="icon-"].hide,[class*=" icon-"].hide{display:none;}
.icon-muted{color:#eeeeee;}
.icon-light{color:#ffffff;}
.icon-dark{color:#333333;}
.icon-border{border:solid 1px #eeeeee;padding:.2em .25em .15em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.icon-2x{font-size:2em;}.icon-2x.icon-border{border-width:2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.icon-3x{font-size:3em;}.icon-3x.icon-border{border-width:3px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.icon-4x{font-size:4em;}.icon-4x.icon-border{border-width:4px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
.icon-5x{font-size:5em;}.icon-5x.icon-border{border-width:5px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;}
.pull-right{float:right;}
.pull-left{float:left;}
[class^="icon-"].pull-left,[class*=" icon-"].pull-left{margin-right:.3em;}
[class^="icon-"].pull-right,[class*=" icon-"].pull-right{margin-left:.3em;}
[class^="icon-"],[class*=" icon-"]{display:inline;width:auto;height:auto;line-height:normal;vertical-align:baseline;background-image:none;background-position:0% 0%;background-repeat:repeat;margin-top:0;}
.icon-white,.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"],.dropdown-submenu:hover>a>[class^="icon-"],.dropdown-submenu:hover>a>[class*=" icon-"]{background-image:none;}
.btn [class^="icon-"].icon-large,.nav [class^="icon-"].icon-large,.btn [class*=" icon-"].icon-large,.nav [class*=" icon-"].icon-large{line-height:.9em;}
.btn [class^="icon-"].icon-spin,.nav [class^="icon-"].icon-spin,.btn [class*=" icon-"].icon-spin,.nav [class*=" icon-"].icon-spin{display:inline-block;}
.nav-tabs [class^="icon-"],.nav-pills [class^="icon-"],.nav-tabs [class*=" icon-"],.nav-pills [class*=" icon-"],.nav-tabs [class^="icon-"].icon-large,.nav-pills [class^="icon-"].icon-large,.nav-tabs [class*=" icon-"].icon-large,.nav-pills [class*=" icon-"].icon-large{line-height:.9em;}
.btn [class^="icon-"].pull-left.icon-2x,.btn [class*=" icon-"].pull-left.icon-2x,.btn [class^="icon-"].pull-right.icon-2x,.btn [class*=" icon-"].pull-right.icon-2x{margin-top:.18em;}
.btn [class^="icon-"].icon-spin.icon-large,.btn [class*=" icon-"].icon-spin.icon-large{line-height:.8em;}
.btn.btn-small [class^="icon-"].pull-left.icon-2x,.btn.btn-small [class*=" icon-"].pull-left.icon-2x,.btn.btn-small [class^="icon-"].pull-right.icon-2x,.btn.btn-small [class*=" icon-"].pull-right.icon-2x{margin-top:.25em;}
.btn.btn-large [class^="icon-"],.btn.btn-large [class*=" icon-"]{margin-top:0;}.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x,.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-top:.05em;}
.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x{margin-right:.2em;}
.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-left:.2em;}
.nav-list [class^="icon-"],.nav-list [class*=" icon-"]{line-height:inherit;}
.icon-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:-35%;}.icon-stack [class^="icon-"],.icon-stack [class*=" icon-"]{display:block;text-align:center;position:absolute;width:100%;height:100%;font-size:1em;line-height:inherit;*line-height:2em;}
.icon-stack .icon-stack-base{font-size:2em;*line-height:1em;}
.icon-spin{display:inline-block;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear;}
a .icon-stack,a .icon-spin{display:inline-block;text-decoration:none;}
@-moz-keyframes spin{0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(359deg);}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(359deg);}}@-o-keyframes spin{0%{-o-transform:rotate(0deg);} 100%{-o-transform:rotate(359deg);}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg);} 100%{-ms-transform:rotate(359deg);}}@keyframes spin{0%{transform:rotate(0deg);} 100%{transform:rotate(359deg);}}.icon-rotate-90:before{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}
.icon-rotate-180:before{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);}
.icon-rotate-270:before{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
.icon-flip-horizontal:before{-webkit-transform:scale(-1, 1);-moz-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-o-transform:scale(-1, 1);transform:scale(-1, 1);}
.icon-flip-vertical:before{-webkit-transform:scale(1, -1);-moz-transform:scale(1, -1);-ms-transform:scale(1, -1);-o-transform:scale(1, -1);transform:scale(1, -1);}
a .icon-rotate-90:before,a .icon-rotate-180:before,a .icon-rotate-270:before,a .icon-flip-horizontal:before,a .icon-flip-vertical:before{display:inline-block;}
.icon-glass:before{content:"\f000";}
.icon-music:before{content:"\f001";}
.icon-search:before{content:"\f002";}
.icon-envelope-alt:before{content:"\f003";}
.icon-heart:before{content:"\f004";}
.icon-star:before{content:"\f005";}
.icon-star-empty:before{content:"\f006";}
.icon-user:before{content:"\f007";}
.icon-film:before{content:"\f008";}
.icon-th-large:before{content:"\f009";}
.icon-th:before{content:"\f00a";}
.icon-th-list:before{content:"\f00b";}
.icon-ok:before{content:"\f00c";}
.icon-remove:before{content:"\f00d";}
.icon-zoom-in:before{content:"\f00e";}
.icon-zoom-out:before{content:"\f010";}
.icon-power-off:before,.icon-off:before{content:"\f011";}
.icon-signal:before{content:"\f012";}
.icon-gear:before,.icon-cog:before{content:"\f013";}
.icon-trash:before{content:"\f014";}
.icon-home:before{content:"\f015";}
.icon-file-alt:before{content:"\f016";}
.icon-time:before{content:"\f017";}
.icon-road:before{content:"\f018";}
.icon-download-alt:before{content:"\f019";}
.icon-download:before{content:"\f01a";}
.icon-upload:before{content:"\f01b";}
.icon-inbox:before{content:"\f01c";}
.icon-play-circle:before{content:"\f01d";}
.icon-rotate-right:before,.icon-repeat:before{content:"\f01e";}
.icon-refresh:before{content:"\f021";}
.icon-list-alt:before{content:"\f022";}
.icon-lock:before{content:"\f023";}
.icon-flag:before{content:"\f024";}
.icon-headphones:before{content:"\f025";}
.icon-volume-off:before{content:"\f026";}
.icon-volume-down:before{content:"\f027";}
.icon-volume-up:before{content:"\f028";}
.icon-qrcode:before{content:"\f029";}
.icon-barcode:before{content:"\f02a";}
.icon-tag:before{content:"\f02b";}
.icon-tags:before{content:"\f02c";}
.icon-book:before{content:"\f02d";}
.icon-bookmark:before{content:"\f02e";}
.icon-print:before{content:"\f02f";}
.icon-camera:before{content:"\f030";}
.icon-font:before{content:"\f031";}
.icon-bold:before{content:"\f032";}
.icon-italic:before{content:"\f033";}
.icon-text-height:before{content:"\f034";}
.icon-text-width:before{content:"\f035";}
.icon-align-left:before{content:"\f036";}
.icon-align-center:before{content:"\f037";}
.icon-align-right:before{content:"\f038";}
.icon-align-justify:before{content:"\f039";}
.icon-list:before{content:"\f03a";}
.icon-indent-left:before{content:"\f03b";}
.icon-indent-right:before{content:"\f03c";}
.icon-facetime-video:before{content:"\f03d";}
.icon-picture:before{content:"\f03e";}
.icon-pencil:before{content:"\f040";}
.icon-map-marker:before{content:"\f041";}
.icon-adjust:before{content:"\f042";}
.icon-tint:before{content:"\f043";}
.icon-edit:before{content:"\f044";}
.icon-share:before{content:"\f045";}
.icon-check:before{content:"\f046";}
.icon-move:before{content:"\f047";}
.icon-step-backward:before{content:"\f048";}
.icon-fast-backward:before{content:"\f049";}
.icon-backward:before{content:"\f04a";}
.icon-play:before{content:"\f04b";}
.icon-pause:before{content:"\f04c";}
.icon-stop:before{content:"\f04d";}
.icon-forward:before{content:"\f04e";}
.icon-fast-forward:before{content:"\f050";}
.icon-step-forward:before{content:"\f051";}
.icon-eject:before{content:"\f052";}
.icon-chevron-left:before{content:"\f053";}
.icon-chevron-right:before{content:"\f054";}
.icon-plus-sign:before{content:"\f055";}
.icon-minus-sign:before{content:"\f056";}
.icon-remove-sign:before{content:"\f057";}
.icon-ok-sign:before{content:"\f058";}
.icon-question-sign:before{content:"\f059";}
.icon-info-sign:before{content:"\f05a";}
.icon-screenshot:before{content:"\f05b";}
.icon-remove-circle:before{content:"\f05c";}
.icon-ok-circle:before{content:"\f05d";}
.icon-ban-circle:before{content:"\f05e";}
.icon-arrow-left:before{content:"\f060";}
.icon-arrow-right:before{content:"\f061";}
.icon-arrow-up:before{content:"\f062";}
.icon-arrow-down:before{content:"\f063";}
.icon-mail-forward:before,.icon-share-alt:before{content:"\f064";}
.icon-resize-full:before{content:"\f065";}
.icon-resize-small:before{content:"\f066";}
.icon-plus:before{content:"\f067";}
.icon-minus:before{content:"\f068";}
.icon-asterisk:before{content:"\f069";}
.icon-exclamation-sign:before{content:"\f06a";}
.icon-gift:before{content:"\f06b";}
.icon-leaf:before{content:"\f06c";}
.icon-fire:before{content:"\f06d";}
.icon-eye-open:before{content:"\f06e";}
.icon-eye-close:before{content:"\f070";}
.icon-warning-sign:before{content:"\f071";}
.icon-plane:before{content:"\f072";}
.icon-calendar:before{content:"\f073";}
.icon-random:before{content:"\f074";}
.icon-comment:before{content:"\f075";}
.icon-magnet:before{content:"\f076";}
.icon-chevron-up:before{content:"\f077";}
.icon-chevron-down:before{content:"\f078";}
.icon-retweet:before{content:"\f079";}
.icon-shopping-cart:before{content:"\f07a";}
.icon-folder-close:before{content:"\f07b";}
.icon-folder-open:before{content:"\f07c";}
.icon-resize-vertical:before{content:"\f07d";}
.icon-resize-horizontal:before{content:"\f07e";}
.icon-bar-chart:before{content:"\f080";}
.icon-twitter-sign:before{content:"\f081";}
.icon-facebook-sign:before{content:"\f082";}
.icon-camera-retro:before{content:"\f083";}
.icon-key:before{content:"\f084";}
.icon-gears:before,.icon-cogs:before{content:"\f085";}
.icon-comments:before{content:"\f086";}
.icon-thumbs-up-alt:before{content:"\f087";}
.icon-thumbs-down-alt:before{content:"\f088";}
.icon-star-half:before{content:"\f089";}
.icon-heart-empty:before{content:"\f08a";}
.icon-signout:before{content:"\f08b";}
.icon-linkedin-sign:before{content:"\f08c";}
.icon-pushpin:before{content:"\f08d";}
.icon-external-link:before{content:"\f08e";}
.icon-signin:before{content:"\f090";}
.icon-trophy:before{content:"\f091";}
.icon-github-sign:before{content:"\f092";}
.icon-upload-alt:before{content:"\f093";}
.icon-lemon:before{content:"\f094";}
.icon-phone:before{content:"\f095";}
.icon-unchecked:before,.icon-check-empty:before{content:"\f096";}
.icon-bookmark-empty:before{content:"\f097";}
.icon-phone-sign:before{content:"\f098";}
.icon-twitter:before{content:"\f099";}
.icon-facebook:before{content:"\f09a";}
.icon-github:before{content:"\f09b";}
.icon-unlock:before{content:"\f09c";}
.icon-credit-card:before{content:"\f09d";}
.icon-rss:before{content:"\f09e";}
.icon-hdd:before{content:"\f0a0";}
.icon-bullhorn:before{content:"\f0a1";}
.icon-bell:before{content:"\f0a2";}
.icon-certificate:before{content:"\f0a3";}
.icon-hand-right:before{content:"\f0a4";}
.icon-hand-left:before{content:"\f0a5";}
.icon-hand-up:before{content:"\f0a6";}
.icon-hand-down:before{content:"\f0a7";}
.icon-circle-arrow-left:before{content:"\f0a8";}
.icon-circle-arrow-right:before{content:"\f0a9";}
.icon-circle-arrow-up:before{content:"\f0aa";}
.icon-circle-arrow-down:before{content:"\f0ab";}
.icon-globe:before{content:"\f0ac";}
.icon-wrench:before{content:"\f0ad";}
.icon-tasks:before{content:"\f0ae";}
.icon-filter:before{content:"\f0b0";}
.icon-briefcase:before{content:"\f0b1";}
.icon-fullscreen:before{content:"\f0b2";}
.icon-group:before{content:"\f0c0";}
.icon-link:before{content:"\f0c1";}
.icon-cloud:before{content:"\f0c2";}
.icon-beaker:before{content:"\f0c3";}
.icon-cut:before{content:"\f0c4";}
.icon-copy:before{content:"\f0c5";}
.icon-paperclip:before,.icon-paper-clip:before{content:"\f0c6";}
.icon-save:before{content:"\f0c7";}
.icon-sign-blank:before{content:"\f0c8";}
.icon-reorder:before{content:"\f0c9";}
.icon-list-ul:before{content:"\f0ca";}
.icon-list-ol:before{content:"\f0cb";}
.icon-strikethrough:before{content:"\f0cc";}
.icon-underline:before{content:"\f0cd";}
.icon-table:before{content:"\f0ce";}
.icon-magic:before{content:"\f0d0";}
.icon-truck:before{content:"\f0d1";}
.icon-pinterest:before{content:"\f0d2";}
.icon-pinterest-sign:before{content:"\f0d3";}
.icon-google-plus-sign:before{content:"\f0d4";}
.icon-google-plus:before{content:"\f0d5";}
.icon-money:before{content:"\f0d6";}
.icon-caret-down:before{content:"\f0d7";}
.icon-caret-up:before{content:"\f0d8";}
.icon-caret-left:before{content:"\f0d9";}
.icon-caret-right:before{content:"\f0da";}
.icon-columns:before{content:"\f0db";}
.icon-sort:before{content:"\f0dc";}
.icon-sort-down:before{content:"\f0dd";}
.icon-sort-up:before{content:"\f0de";}
.icon-envelope:before{content:"\f0e0";}
.icon-linkedin:before{content:"\f0e1";}
.icon-rotate-left:before,.icon-undo:before{content:"\f0e2";}
.icon-legal:before{content:"\f0e3";}
.icon-dashboard:before{content:"\f0e4";}
.icon-comment-alt:before{content:"\f0e5";}
.icon-comments-alt:before{content:"\f0e6";}
.icon-bolt:before{content:"\f0e7";}
.icon-sitemap:before{content:"\f0e8";}
.icon-umbrella:before{content:"\f0e9";}
.icon-paste:before{content:"\f0ea";}
.icon-lightbulb:before{content:"\f0eb";}
.icon-exchange:before{content:"\f0ec";}
.icon-cloud-download:before{content:"\f0ed";}
.icon-cloud-upload:before{content:"\f0ee";}
.icon-user-md:before{content:"\f0f0";}
.icon-stethoscope:before{content:"\f0f1";}
.icon-suitcase:before{content:"\f0f2";}
.icon-bell-alt:before{content:"\f0f3";}
.icon-coffee:before{content:"\f0f4";}
.icon-food:before{content:"\f0f5";}
.icon-file-text-alt:before{content:"\f0f6";}
.icon-building:before{content:"\f0f7";}
.icon-hospital:before{content:"\f0f8";}
.icon-ambulance:before{content:"\f0f9";}
.icon-medkit:before{content:"\f0fa";}
.icon-fighter-jet:before{content:"\f0fb";}
.icon-beer:before{content:"\f0fc";}
.icon-h-sign:before{content:"\f0fd";}
.icon-plus-sign-alt:before{content:"\f0fe";}
.icon-double-angle-left:before{content:"\f100";}
.icon-double-angle-right:before{content:"\f101";}
.icon-double-angle-up:before{content:"\f102";}
.icon-double-angle-down:before{content:"\f103";}
.icon-angle-left:before{content:"\f104";}
.icon-angle-right:before{content:"\f105";}
.icon-angle-up:before{content:"\f106";}
.icon-angle-down:before{content:"\f107";}
.icon-desktop:before{content:"\f108";}
.icon-laptop:before{content:"\f109";}
.icon-tablet:before{content:"\f10a";}
.icon-mobile-phone:before{content:"\f10b";}
.icon-circle-blank:before{content:"\f10c";}
.icon-quote-left:before{content:"\f10d";}
.icon-quote-right:before{content:"\f10e";}
.icon-spinner:before{content:"\f110";}
.icon-circle:before{content:"\f111";}
.icon-mail-reply:before,.icon-reply:before{content:"\f112";}
.icon-github-alt:before{content:"\f113";}
.icon-folder-close-alt:before{content:"\f114";}
.icon-folder-open-alt:before{content:"\f115";}
.icon-expand-alt:before{content:"\f116";}
.icon-collapse-alt:before{content:"\f117";}
.icon-smile:before{content:"\f118";}
.icon-frown:before{content:"\f119";}
.icon-meh:before{content:"\f11a";}
.icon-gamepad:before{content:"\f11b";}
.icon-keyboard:before{content:"\f11c";}
.icon-flag-alt:before{content:"\f11d";}
.icon-flag-checkered:before{content:"\f11e";}
.icon-terminal:before{content:"\f120";}
.icon-code:before{content:"\f121";}
.icon-reply-all:before{content:"\f122";}
.icon-mail-reply-all:before{content:"\f122";}
.icon-star-half-full:before,.icon-star-half-empty:before{content:"\f123";}
.icon-location-arrow:before{content:"\f124";}
.icon-crop:before{content:"\f125";}
.icon-code-fork:before{content:"\f126";}
.icon-unlink:before{content:"\f127";}
.icon-question:before{content:"\f128";}
.icon-info:before{content:"\f129";}
.icon-exclamation:before{content:"\f12a";}
.icon-superscript:before{content:"\f12b";}
.icon-subscript:before{content:"\f12c";}
.icon-eraser:before{content:"\f12d";}
.icon-puzzle-piece:before{content:"\f12e";}
.icon-microphone:before{content:"\f130";}
.icon-microphone-off:before{content:"\f131";}
.icon-shield:before{content:"\f132";}
.icon-calendar-empty:before{content:"\f133";}
.icon-fire-extinguisher:before{content:"\f134";}
.icon-rocket:before{content:"\f135";}
.icon-maxcdn:before{content:"\f136";}
.icon-chevron-sign-left:before{content:"\f137";}
.icon-chevron-sign-right:before{content:"\f138";}
.icon-chevron-sign-up:before{content:"\f139";}
.icon-chevron-sign-down:before{content:"\f13a";}
.icon-html5:before{content:"\f13b";}
.icon-css3:before{content:"\f13c";}
.icon-anchor:before{content:"\f13d";}
.icon-unlock-alt:before{content:"\f13e";}
.icon-bullseye:before{content:"\f140";}
.icon-ellipsis-horizontal:before{content:"\f141";}
.icon-ellipsis-vertical:before{content:"\f142";}
.icon-rss-sign:before{content:"\f143";}
.icon-play-sign:before{content:"\f144";}
.icon-ticket:before{content:"\f145";}
.icon-minus-sign-alt:before{content:"\f146";}
.icon-check-minus:before{content:"\f147";}
.icon-level-up:before{content:"\f148";}
.icon-level-down:before{content:"\f149";}
.icon-check-sign:before{content:"\f14a";}
.icon-edit-sign:before{content:"\f14b";}
.icon-external-link-sign:before{content:"\f14c";}
.icon-share-sign:before{content:"\f14d";}
.icon-compass:before{content:"\f14e";}
.icon-collapse:before{content:"\f150";}
.icon-collapse-top:before{content:"\f151";}
.icon-expand:before{content:"\f152";}
.icon-euro:before,.icon-eur:before{content:"\f153";}
.icon-gbp:before{content:"\f154";}
.icon-dollar:before,.icon-usd:before{content:"\f155";}
.icon-rupee:before,.icon-inr:before{content:"\f156";}
.icon-yen:before,.icon-jpy:before{content:"\f157";}
.icon-renminbi:before,.icon-cny:before{content:"\f158";}
.icon-won:before,.icon-krw:before{content:"\f159";}
.icon-bitcoin:before,.icon-btc:before{content:"\f15a";}
.icon-file:before{content:"\f15b";}
.icon-file-text:before{content:"\f15c";}
.icon-sort-by-alphabet:before{content:"\f15d";}
.icon-sort-by-alphabet-alt:before{content:"\f15e";}
.icon-sort-by-attributes:before{content:"\f160";}
.icon-sort-by-attributes-alt:before{content:"\f161";}
.icon-sort-by-order:before{content:"\f162";}
.icon-sort-by-order-alt:before{content:"\f163";}
.icon-thumbs-up:before{content:"\f164";}
.icon-thumbs-down:before{content:"\f165";}
.icon-youtube-sign:before{content:"\f166";}
.icon-youtube:before{content:"\f167";}
.icon-xing:before{content:"\f168";}
.icon-xing-sign:before{content:"\f169";}
.icon-youtube-play:before{content:"\f16a";}
.icon-dropbox:before{content:"\f16b";}
.icon-stackexchange:before{content:"\f16c";}
.icon-instagram:before{content:"\f16d";}
.icon-flickr:before{content:"\f16e";}
.icon-adn:before{content:"\f170";}
.icon-bitbucket:before{content:"\f171";}
.icon-bitbucket-sign:before{content:"\f172";}
.icon-tumblr:before{content:"\f173";}
.icon-tumblr-sign:before{content:"\f174";}
.icon-long-arrow-down:before{content:"\f175";}
.icon-long-arrow-up:before{content:"\f176";}
.icon-long-arrow-left:before{content:"\f177";}
.icon-long-arrow-right:before{content:"\f178";}
.icon-apple:before{content:"\f179";}
.icon-windows:before{content:"\f17a";}
.icon-android:before{content:"\f17b";}
.icon-linux:before{content:"\f17c";}
.icon-dribbble:before{content:"\f17d";}
.icon-skype:before{content:"\f17e";}
.icon-foursquare:before{content:"\f180";}
.icon-trello:before{content:"\f181";}
.icon-female:before{content:"\f182";}
.icon-male:before{content:"\f183";}
.icon-gittip:before{content:"\f184";}
.icon-sun:before{content:"\f185";}
.icon-moon:before{content:"\f186";}
.icon-archive:before{content:"\f187";}
.icon-bug:before{content:"\f188";}
.icon-vk:before{content:"\f189";}
.icon-weibo:before{content:"\f18a";}
.icon-renren:before{content:"\f18b";}

@font-face {
   font-family: "spark-dot-line";
   src: url("../fonts/spark-dot-line.otf");
   font-style: normal;
}

html {
   background-image: linear-gradient(to bottom, #222, #444);
   color: #eeeeee;
   min-height: 100%;
}

body {
   font-family: "Trebuchet MS", Helvetica, sans-serif;
   font-size: 13px;
   line-height: 20px;
   position: relative;
}

a:link, a:visited {
   color: #7fb2ff;
}

a:hover {
   color: #e0ebff;
   transition: color 0.5s ease;
}

input, textarea {
   background-color: #555;
   color: #eee;
   border: 1px solid #686868;
}

#content .form-error .message, #content .form-error {
   background-color: #aaaaaa;
}

#content .form-line input[type="submit"], .menu .form-line input[type="submit"] {
   background-color: #555;
}

#content .form-line input[type="submit"]:hover, .menu .form-line input[type="submit"]:hover {
   background-color: #444;
}

.clear {
   clear: both;
}

.hidden {
   display: none;
}

.default-table td, .default-table th {
   padding: 4px 12px;
}

.separator {
   padding: 0 10px;
}

.chart-error-message {
   text-align: center;
   color: red;
   position: absolute;
   top: 120px;
   width: 100%;
   height: 50px;
}

.advertisement {
   margin: 0 auto 10px;
   max-width: 90%;
}

header {
   position: relative;
}

header.sub {
   position: relative;
   line-height: 20px;
}

header.sub h3 {
   display: inline-block;
}

header.sub a {
   margin-left: 15px;
   text-decoration: none;
}

.my-value-container .my-coin-input {
   margin-right: 10px;
}

.bar {
   background-color: #444;
   padding: 2px 10px;
   border-radius: 5px;
   width: auto;
   display: inline-block;
   margin: 0 0 10px 0;
   box-shadow: 0 0 1px 0 #00aced;
}

.bar.green {
   box-shadow: 0 0 1px 0 #2ed03d;
}

.bar.red {
   box-shadow: 0 0 1px 0 #ff7679;
}

#theme-switcher {
   position: fixed;
   top: 0;
   left: 0;
   border-bottom-right-radius: 3px;
   z-index: 1;
   text-align: center;
}

#theme-switcher a {
   text-decoration: none;
   font-size: 120%;
   width: 20px;
   height: 20px;
   border-radius: 3px;
   opacity: 0.3;
   background-color: #222;
   line-height: 20px;
   display: inline-block;
}

#theme-switcher a.active {
   background-color: #686868;
   opacity: 1;
}

#tracking-warning {
   position: fixed;
   bottom: 10px;
   left: 10px;
   background-color: #444;
   border-radius: 8px;
   padding: 10px 16px;
   color: #eeeeee;
   box-shadow: #444 0 0 8px;
   text-align: center;
   font-size: 80%;
   max-width: 400px;
}

#tracking-warning p {
   text-align: left;
}

#tracking-warning h3 {
   margin-top: 0;
   margin-bottom: 5px;
}

#tracking-warning .accept {
   background-color: #00aa11;
   text-decoration: none;
   border-radius: 3px;
   color: #ffffff;
   padding: 4px 12px;
   font-size: 125%;
}

#select-all {
   margin-right: 20px;
}

.main-width {
   max-width: 1800px;
   margin: 0 auto;
}

#logo {
   display: block;
   height: 160px;
   background: linear-gradient(to right, transparent 700px, transparent 700px, #444 1200px, #111 1600px),
      url("../images/logo-medium.png") no-repeat left top;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
}

#content {
   box-sizing: border-box;
   background-color: #686868;
   border-bottom-left-radius: 10px;
   border-bottom-right-radius: 10px;
   padding: 10px 10px;
   overflow: hidden;
   margin-bottom: 10px;
}

#footer {
   background-color: #686868;
   border-radius: 10px;
   padding: 10px 20px;
   text-align: center;
   font-size: 10px;
   box-sizing: border-box;
   margin-bottom: 10px;
}

#footer span {
   padding: 0 16px;
}

#chart {
   width: 100%;
   margin-bottom: 5px;
   height: 500px;
   position: relative;
   background-color: #6b6b6b;
}

#chart .bb-grid .zero-line line {
   stroke: #eee;
   fill: #eee;
   shape-rendering: crispEdges;
}

.bb-axis-y text, .bb-axis-y2 text, .bb-axis-x text, .bb-axis-x .tick {
   fill: #eee;
}

.bb-axis-x path, .bb-axis-x line, .bb-axis-y path, .bb-axis-y line, .bb-axis-y2 path, .bb-axis-y2 line {
   stroke: #eee;
}

.bb-tooltip {
   color: #444;
}

.bb-legend-item {
   fill: #eee;
}

.custom-chart {
   min-height: 320px;
   position: relative;
   background-color: #6b6b6b;
}

#chart.loading, .custom-chart.loading {
   background-image: url("../images/loading.gif");
   background-position: center;
   background-repeat: no-repeat;
}

#chart-control {
   margin-bottom: 10px;
}

#chart-control .control-block {
   display: inline-block;
   padding-right: 20px;
}

#chart-information {
   margin-bottom: 20px;
}

#currency-table, .currency-table {
   width: 100%;
}

.currency-table.half {
   width: 49%;
}

.currency-table.one-third {
   width: 32%;
}

.currency-table.two-third {
   width: 66%;
}

#currency-table td, #currency-table th, .currency-table td, .currency-table th {
   padding: 3px 6px;
}

#currency-table tr:nth-child(even), tr:nth-child(even) {
}

#currency-table tr:nth-child(odd), tr:nth-child(odd) {
   background-color: #606060;
}

#currency-table .numeric, .currency-table .numeric, #subscription-table .numeric {
   text-align: right;
}

#currency-table td.chart {
   font-family: "spark-dot-line";
   letter-spacing: 0;
   -webkit-font-variant-ligatures: contextual;
   font-variant-ligatures: contextual;
   -webkit-font-feature-settings: "calt";
   font-feature-settings: "calt";
   text-rendering: optimizeLegibility;
   -webkit-text-size-adjust: none;
   text-align: right;
   font-size: 25px;
}

.currency-coin {
   float: left;
   width: 180px;
   margin-right: 20px;
}

.price-data-update {
   float: left;
}

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

.currency-switcher.right {
   float: right;
}

.view-coin .currency-switcher {
   text-align: left;
}

.currency-navigation {
   margin-bottom: 10px;
}

.currency-navigation a {
   margin-right: 10px;
   text-decoration: none;
}

.selected {
   font-weight: bold;
}

#range-slider-container {
   margin: 10px 30px;
}

#range-slider-container .ui-ruler-tick .ui-ruler-tick-inner {
   border-right: 1px solid #aaaaaa;
   box-sizing: content-box;
}

#range-slider-container .ui-ruler-tick:last-child .ui-ruler-tick-inner {
   border-right: 0;
}

#range-slider-container .ui-rangeSlider .ui-rangeSlider-handle {
   width: 1px;
   background-color: transparent;
}

#range-slider-container .ui-ruler-tick .ui-ruler-tick-inner .ui-ruler-tick-label {
   line-height: 16px;
   text-align: center;
}

#range-slider-container .ui-rangeSlider-innerBar {
   margin: 0;
   background-color: #757575;
   height: auto;
}

#range-slider-container .ui-rangeSlider .ui-rangeSlider-bar {
   background-color: rgba(0, 0, 0, 0.25);
   color: #eee;
   margin: 0;
   padding-right: 1px;
}

#range-slider-container .ui-rangeSlider-label-value {
   color: #444;
}

#header th {
   cursor: pointer;
}

#header th.selected {
   background-color: #555;
}

.sort-order {
   display: inline-block;
   width: 16px;
   height: 20px;
}

.sort-order.desc {
   background: url("../images/desc.png") 0 5px no-repeat;
}

.sort-order.asc {
   background: url("../images/asc.png") 0 5px no-repeat;
}

.green {
   color: #2ed03d;
}

.red {
   color: #ff7679;
}

.empty {
   color: #aaaaaa;
}

#volume-chart, #buy-sell-chart {
   height: 200px;
}

.control-select {
   width: 120px;
}

#control-left {
   width: 500px;
   float: left;
}

#filter-container {
   width: 500px;
   float: left;
}

#coin-search-container {
   position: absolute;
   right: 5px;
   top: 1px;
   height: 30px;
}

#coin-search-container input {
   width: 160px;
   padding: 2px 5px;
}


#coin-search-container .search-result {
   position: absolute;
   text-align: left;
   right: 0;
   top: 33px;
   width: 162px;
   height: auto;
   background-color: #444;
   padding: 2px 5px;
   z-index: 9999;
   box-shadow: 0 2px 6px 0 #000;
}

#coin-search-container .search-result a {
   display: block;
   border-bottom: 1px dotted #888888;
   padding-bottom: 3px;
   margin-bottom: 3px;
   text-decoration: none;
   color: #7fb2ff;
   overflow: hidden;
}

#coin-search-container .search-result a:hover {
   color: #fff;
}

#coin-search-container .search-result a:last-child {
   border-bottom: 0;
   padding-bottom: 0;
   margin-bottom: 0;
}

.right {
   text-align: right;
}

.page-list {
   margin-bottom: 5px;
   background-color: #757575;
   padding: 3px 10px;
   display: inline-block;
}

.page-list a {
   padding: 0 3px;
}

.page-list a:link, .page-list a:visited, .page-list a:hover {
   text-decoration: none;
}

.page-list a:hover, .page-list .selected {
   background-color: #686868;
   padding: 0 3px;
   font-weight: bold;
}

.page-list .separator {
   padding: 0 3px;
}

#maintenance-message {
   font-weight: bold;
   color: red;
}

#coin-search-label {
   position: relative;
   margin-right: 20px;
}

#coin-select {
   margin-bottom: 20px;
   line-height: 30px;
}

#coin-search {
   margin-left: 10px;
   width: 200px;
   border: 1px solid #6b6b6b;
   border-radius: 2px;
   padding: 2px 5px;
}

#result-container {
   position: absolute;
   right: 0;
   top: 25px;
   width: 200px;
   height: auto;
   border: 1px solid #888888;
   background-color: #757575;
   padding: 2px 5px;
   z-index: 9999;
}

#result-container a {
   display: block;
   line-height: 20px;
   border-bottom: 1px dotted #888888;
   padding-bottom: 3px;
   margin-bottom: 3px;
   text-decoration: none;
}

#result-container a:last-child {
   border-bottom: 0;
   padding-bottom: 0;
   margin-bottom: 0;
}

#coin-list {
   list-style: none;
   margin: 0 0 20px;
   padding: 0;
}

#coin-list li {
   padding-left: 0;
   float: left;
   margin-right: 25px;
   line-height: 30px;
}

#coin-list li .close {
   background: url("../images/close.png") 0 5px no-repeat;
   width: 20px;
   height: 25px;
   display: inline-block;
   margin-left: 3px;
   cursor: pointer;
   vertical-align: middle;
}

#url-container {
   display: inline-block;
   line-height: 24px;
}

.chart-information-block {
   width: 420px;
   float: left;
   padding: 10px 0;
}

#url-container span.url, .chart-information-block .cell {
   padding: 2px 5px;
   background-color: #757575;
   border-radius: 2px;
   -webkit-user-select: all;
   -moz-user-select: all;
   -ms-user-select: all;
   user-select: all;
   overflow: hidden;
   white-space: nowrap;
   display: inline-block;
   vertical-align: bottom;
   line-height: 20px;
}

.overview {
   margin-bottom: 20px;
   min-width: 400px;
}

.overview .warning {
   font-weight: bold;
}

.my-coin-input {
   width: 80px;
   text-align: right;
}

input.my-coin-input {
   font-size: 12px;
}

.api-documentation.methods .action {
   margin-bottom: 40px;
   border: 1px solid #777;
   padding: 10px 20px;
   border-radius: 3px;
}

.api-documentation h2 {
   margin: 5px 0;
}

.api-documentation h3, .api-documentation h4 {
   margin: 10px 0;
}

.api-documentation p {
   margin-top: 0;
}

.api-documentation .example, .code, .api-documentation .path {
   background-color: #595959;
   overflow: hidden;
}

.api-documentation .path {
   padding: 2px 5px;
}

.api-documentation .example {
   white-space: pre;
}

.api-documentation .example.request, .api-documentation .path {
   -webkit-user-select: all;
   -moz-user-select: all;
   -ms-user-select: all;
   user-select: all;
}

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

.timeline-preset {
   margin-left: 10px;
}

.top-spacing {
   margin-top: 20px;
}

.toggle-container {
   overflow-y: hidden;
}

.toggle-container .title {
   background-color: #606060;
   border-radius: 3px;
   padding: 10px 7px;
   display: inline-block;
}

.toggle-container .title h3 {
   float: left;
   margin: 0;
}

.toggle-container .toggle-button {
   float: left;
   margin-left: 14px;
}

.toggle-container.collapsed {
   min-height: 36px;
}

.coin-comparison .warning {
   font-weight: bold;
   color: #ffaa00;
}

.coin-comparison .error {
   font-weight: bold;
   color: #a30000;
}
.coin-comparison select {
   width: 200px;
}


html.light {
   background-image: linear-gradient(to bottom, #ddd, #888);
   color: #222222;
   min-height: 100%;
}

.light #content {
   background-color: #eee;
}

.light #logo {
   background: linear-gradient(to right, transparent 700px, transparent 700px, #ccc 1200px, #aaa 1600px),
      url("../images/logo-medium.png") no-repeat left top;
}

.light #currency-table tr:nth-child(2n+1), .light tr:nth-child(2n+1) {
   background-color: #cccccc;
}

.light a:link, .light a:visited {
   color: #0064b1;
}

.light a:hover {
   color: #3856bb;
}

.light #header th.selected {
   background-color: #084186;
   color: #fff;
}

.light .main-menu {
   background-color: #084186;
}

.light .main-menu a:link, .light .main-menu a:visited {
   color: #fff;
}

.light .main-menu a.selected, .light .main-menu a:hover {
   color: #333;
}

.light .main-menu a.selected, .light .menu .sub-menu {
   background-color: #ccc;
   color: #333;
}

.light .menu .sub-menu a.selected {
   color: #333;
}

.light .sub-menu a:link, .light .sub-menu a:visited {
   color: #084186;
}

.light input, .light textarea {
   background-color: #ddd;
   color: #222222;
   border: 1px solid #686868;
}

.light #theme-switcher a {
   color: #0085ed;
   background-color: #ddd;
}

.light #theme-switcher a.active {
   background-color: #bbb;
}

.light #range-slider-container .ui-rangeSlider-innerBar {
   background-color: #dddddd;
}

.light .custom-chart {
   background-color: #e9e9e9;
}

.light #chart {
   background-color: #e9e9e9;
}

.light #chart .bb-grid .zero-line line {
   stroke: #222222;
   fill: #222222;
}

.light .bb-axis-y text, .light .bb-axis-y2 text, .light .bb-axis-x text, .light .bb-axis-x .tick {
   fill: #222222;
}

.light .bb-axis-x path, .light .bb-axis-x line, .light .bb-axis-y path, .light .bb-axis-y line, .light .bb-axis-y2 path, .light .bb-axis-y2 line {
   stroke: #222222;
}

.light .bb-tooltip {
   color: #444;
}

.light .bb-legend-item {
   fill: #222222;
}

.light .toggle-container .title {
   background-color: #cccccc;
}

.light #url-container span.url, .light .chart-information-block .cell {
   background-color: #ccc;
}

.light #footer {
   background-color: #ccc;
}

.light .button, .light .button:link, .light .button:visited {
   background-color: #084186;
   border-color: #666;
   color: #fff;
}

.light .button:hover, .light .button:hover {
   background-color: #ddd;
   color: #333;
}

.light #content .form-line input[type="submit"], .light .menu .form-line input[type="submit"] {
   background-color: #555;
   color: #ddd;
}

.light #content .form-line input[type="submit"]:hover, .light .menu .form-line input[type="submit"]:hover {
   background-color: #777;
}

.light .red {
   color: red;
}

.light .green {
   color: green;
}

.light .page-list {
   background-color: #ccc;
}

.light .page-list a:hover, .light .page-list .selected {
   background-color: #084186;
   color: #fff;
}

.light .apexcharts-gridline, .light .apexcharts-text {
   fill: #333;
}

.light .apexcharts-xaxis-tick {
   stroke: #333;
}

.light .apexcharts-gridline {
   stroke: #bbb;
}

.light .apexcharts-gridlines-horizontal line, .light .apexcharts-gridlines-vertical line {
   stroke: #bbb;
}

.light .candle-chart-container {
   color: transparent;
}

.light .candle-chart-container text {
   fill: #000;
}

.light .coin-block {
   color: #fff;
}

.light #result-container {
   background-color: #ddd;
}

.light .api-documentation .example, .light .code, .light .api-documentation .path {
   background-color: #dddddd;
}

.light .bar {
   background-color: #cccccc;
}

.light .return-data-structure {
   background-color: #ccc;
}
.button, .button:link, .button:visited{
   border: #00aced 2px solid;
   border-radius: 5px;
   padding: 5px 30px;
   line-height: 18px;
   color: #00aced;
   font-weight: bold;
   background-color: #444;
   text-decoration: none;
   display: inline-block;
   margin-bottom: 2px;
}

.button:hover {
   color: #fff;
   background-color: #555;
   transition: background-color 0.5s ease;
}

.basic-table td, .basic-table th {
   padding: 7px 18px;
}

.select-container {
   padding: 5px 0;
}

#chart-information form input {
   border: #00aced 2px solid;
   border-radius: 5px;
   padding: 5px 30px;
   line-height: 18px;
   color: #00aced;
   font-weight: bold;
   background-color: #444;
   text-decoration: none;
}

#chart-information form input:hover {
   color: #fff;
   background-color: #555;
   transition: background-color 0.5s ease;
}

#chart-information .save-delete-chart {
   padding: 10px 0;
}

#chart-information .save-delete-chart input[type="text"] {
   width: 120px;
}

.return-data-structure {
   white-space: pre;
   background-color: #595959;
   overflow: hidden;
   padding: 4px 10px;
   border-radius: 3px;
   line-height: 22px;
}

.return-data-structure .sub-row {
   margin-left: 40px;
   margin-bottom: 10px;
}

.return-data-structure .name {
   display: inline-block;
   width: 150px;
}

.return-data-structure .type {
   display: inline-block;
   width: 150px;
}

.return-data-structure .description {
   display: inline-block;
   font-style: italic;
}

.custom-chart-message {
   padding: 5px 10px;
   font-weight: bold;
   border-radius: 2px;
   margin-bottom: 10px;
   display: inline-block;
}

.custom-chart-message.success {
   background-color: #2c743a;
}

.custom-chart-message.error {
   background-color: #74271e;
}
.candle-chart-container {
   color: #eee;
}

.candle-chart-container text {
   fill: #eee
}

.candle-chart-container button {
   position: absolute;
   right: 20px;
   top: 440px;
   display: none;
}

.candle-chart-container path.candle {
   stroke: #eee;
}

.candle-chart-container path.candle.body {
   stroke-width: 0;
}

.candle-chart-container path.candle.up {
   fill: #00AA00;
   stroke: #00AA00;
}

.candle-chart-container path.candle.down {
   fill: #FF0000;
   stroke: #FF0000;
}

.candle-chart-container path {
   fill: none;
   stroke-width: 1;
}

.candle-chart-container path.candle {
   stroke: #000000;
}

.candle-chart-container path.candle.body {
   stroke-width: 0;
}

.candle-chart-container path.candle.up {
   fill: #00AA00;
   stroke: #00AA00;
}

.candle-chart-container path.candle.down {
   fill: #FF0000;
   stroke: #FF0000;
}

.candle-chart-container .close.annotation.up path {
   fill: #00AA00;
}

.candle-chart-container path.volume {
   fill: #444;
}

.candle-chart-container .indicator-plot path.line {
   fill: none;
   stroke-width: 1;
}

.candle-chart-container .ma-0 path.line {
   stroke: #1f77b4;
}

.candle-chart-container .ma-1 path.line {
   stroke: #aec7e8;
}

.candle-chart-container .ma-2 path.line {
   stroke: #ff7f0e;
}

.candle-chart-container path.macd {
   stroke: #0000AA;
}

.candle-chart-container path.signal {
   stroke: #FF9999;
}

.candle-chart-container path.zero {
   stroke: #BBBBBB;
   stroke-dasharray: 0;
   stroke-opacity: 0.5;
}

.candle-chart-container path.difference {
   fill: #BBBBBB;
   opacity: 0.5;
}

.candle-chart-container path.rsi {
   stroke: #000000;
}

.candle-chart-container path.overbought, path.oversold {
   stroke: #FF9999;
   stroke-dasharray: 5, 5;
}

.candle-chart-container path.middle, .candle-chart-container path.zero {
   stroke: #BBBBBB;
   stroke-dasharray: 5, 5;
}

.candle-chart-container .analysis path, .candle-chart-container .analysis circle {
   stroke: blue;
   stroke-width: 0.8;
}

.candle-chart-container .trendline circle {
   stroke-width: 0;
   display: none;
}

.candle-chart-container .mouseover .trendline path {
   stroke-width: 1.2;
}

.candle-chart-container .mouseover .trendline circle {
   stroke-width: 1;
   display: inline;
}

.candle-chart-container .interaction path, .candle-chart-container .interaction circle {
   pointer-events: all;
}

.candle-chart-container .interaction .body {
   cursor: move;
}

.candle-chart-container .trendlines .interaction .start, .candle-chart-container .trendlines .interaction .end {
   cursor: nwse-resize;
}

.candle-chart-container .supstance path {
   stroke-dasharray: 2, 2;
}

.candle-chart-container .supstances .interaction path {
   pointer-events: all;
   cursor: ns-resize;
}

.candle-chart-container .mouseover .supstance path {
   stroke-width: 1.5;
}

.candle-chart-container .dragging .supstance path {
   stroke: darkblue;
}

.candle-chart-container .crosshair {
   cursor: crosshair;
}

.candle-chart-container .crosshair path.wire {
   stroke: #DDDDDD;
   stroke-dasharray: 1, 1;
}

.candle-chart-container .crosshair .axisannotation path {
   fill: #444;
}


.menu {
   box-sizing: border-box;
   text-align: left;
   position: relative;
   padding: 0;
   line-height: 39px;
   font-weight: bold;
}

.main-menu {
   background-color: #444;
}

.menu a {
   display: inline-block;
   padding: 0 8px;
   margin: 0 8px;
   font-size: 110%;
   height: 40px;
}

.menu a:link, .menu a:visited {
   color: #00aced;
}

.sub-menu a:link, .sub-menu a:visited {
   color: #7fb2ff;
}

.menu a:hover {
   color: #e0ebff;
}

.menu .sub-menu {
   line-height: 24px;
}

.menu .sub-menu a {
   line-height: 24px;
   font-size: 110%;
   height: auto;
   padding: 4px 6px;
}

.menu a:link, .menu a:visited, .menu a:hover {
   text-decoration: none;
}

.main-menu a.selected, .menu .sub-menu {
   background-color: #686868;
   color: #e0ebff;
}

.menu .sub-menu a.selected {
   color: #fff;
}

.menu .sub-menu a.local-storage:after {
   content: 'ls';
   line-height: 12px;
   font-size: 10px;
   padding: 1px 2px;
   border-radius: 3px;
   color: #00aced;
   background-color: #444;
   vertical-align: text-top;
   margin-left: 4px;
}

.menu .logout-container {
   position: absolute;
   right: 185px;
   top: 1px;
   height: 30px;
}

.menu .menu-toggle {
   background: url(../images/hamburger.png) no-repeat center;
   padding: 18px;
   vertical-align: middle;
   margin: 0;
   display: none;
}

.footer-menu {
   padding-top: 20px;
   text-align: center;
}

.footer-menu a {
   margin: 0 10px;
   font-size: 80%;
}

.compact-list {
   padding: 20px 0;
}

.coin-block {
   float: left;
   margin-right: 5px;
   margin-bottom: 5px;
   padding: 5px 10px;
   width: 310px;
   background-color: #606060;
   border-radius: 2px;
   position: relative;
}

.coin-block.coin-block-total {
   margin-top: 10px;
}

.coin-block.coin-block-total #total-change-percentage {
   padding-left: 204px;
}

.coin-block.block-green {
   background-color: #064206;
}

.coin-block.block-red {
   background-color: #6d1717;
}

.coin-block .title {
   font-weight: bold;
   font-size: 120%;
   display: block;
   padding: 2px 0;
}

.coin-block .price {
   padding-left: 94px;
   text-align: right;
   display: inline-block;
   width: 90px;
}

.coin-block .change {
   padding-left: 20px;
}

.coin-block .my-value {
   display: inline-block;
   width: 90px;
   padding-left: 0;
   text-align: right;
}

.coin-block #total-amount {
   display: inline-block;
   width: 90px;
   padding-left: 94px;
   text-align: right;
}

.coin-block .my-change, .coin-block #total-change-amount {
   padding-left: 20px;
}

.coin-block .ratio-description {
   padding-left: 94px;
   text-align: right;
   display: inline-block;
   width: 90px;
}

.coin-block .ratio-description.hidden {
   display: none;
}

.coin-block .ratio {
   padding-left: 20px;
}

.coin-block .close {
   background: url("../images/close.png") 0 5px no-repeat;
   width: 20px;
   height: 25px;
   display: inline-block;
   position: absolute;
   right: 0;
   top: 0;
   cursor: pointer;
   vertical-align: middle;
}

#compact-coin-list-controls {
   padding: 10px;
}

#compact-coin-list-controls #coin-select {
   float: left;
   margin-bottom: 0;
}

#compact-coin-list-controls .display-option-container {
   float: left;
   margin-left: 32px;
}

#compact-coin-list-controls .currency-switcher {
   float: right;
}

#ratio-pie-chart {
   max-width: 600px;
}

#label-compact-coin-list-date {
   margin-left: 10px;
}

#compact-coin-list-date {
   text-align: right;
   width: 110px;
   margin-left: 20px;
}

.date-preset {
   display: inline-block;
   margin-right: 20px;
}

@media all and ( max-width: 1200px ) {
   #currency-table .health {
      display: none;
   }
}

@media all and ( max-width: 1050px ) {
   #currency-table .supply {
      display: none;
   }
}

@media all and ( max-width: 900px ) {
   #logo, .light #logo {
      background: url("../images/logo-medium.png") no-repeat -100px top;
   }

   #currency-table .supply, #currency-table .volume, #currency-table .health, #currency-table .marketCap {
      display: none;
   }

   .menu a {
      line-height: 24px;
      height: auto;
   }

   .menu a:not(.selected):not(.menu-toggle) {
      display: none;
   }

   .menu a.selected {
      float: left;
   }

   .menu .sub-menu a.selected {
      display: block;
   }

   .menu a.selected {
      display: block;
      text-align: left;
      padding: 0 20px 0 4px;
      background-color: transparent;
      color: #009bff;
   }

   .menu.responsive {
      position: relative;
   }

   .menu.responsive a:not(.menu-toggle) {
      float: none;
      display: block;
      text-align: left;
   }

   .menu a.menu-toggle {
      margin-left: 10px;
      display: block;
      width: 0;
   }

   .menu.responsive .sub-menu {
      padding-left: 20px;
      line-height: 24px;
   }

   #chart-control .control-block {
      display: block;
      margin-bottom: 5px;
   }

   #chart-control .control-block label {
      display: inline-block;
      width: 90px;
   }

   #chart-control .control-block select {
      width: 220px;
   }

   #compact-coin-list-controls #coin-select {
      float: none;
   }

   #compact-coin-list-controls .display-option-container {
      float: none;
      margin-left: 0;
      padding: 5px 0;
   }

   #compact-coin-list-controls .currency-switcher {
      float: none;
      text-align: left;
   }

   #compact-coin-list-controls #remove-all {
      display: block;
   }

   #compact-coin-list-controls br {
      display: none;
   }
}

@media all and ( max-width: 740px ) {
   #logo, .light #logo {
      background: url("../images/logo-small.png") no-repeat center;
      height: 90px;
      width: 192px;
   }

   #content {
      border-radius: 10px;
   }

   #currency-table .supply, #currency-table .volume, #currency-table .health, #currency-table .my-coin, #currency-table .my-coin-input,
   #currency-table .my-value, #currency-table #total-row, #currency-table .marketCap, #currency-table.roi-list .marketCap {
      display: none;
   }

   .currency-navigation {
      display: none;
   }

   .menu {
      margin-bottom: 10px;
   }

   .menu .sub-menu {
      border-bottom-left-radius: 10px;
      border-bottom-right-radius: 10px;
   }

   #footer span {
      display: block;
   }
}

@media all and ( max-width: 540px ) {
   #currency-table .rank {
      display: none;
   }

   .overview {
      min-width: 320px;
   }

   .coin-block {
      float: none;
      margin-right: 0;
      width: auto;
   }
}

@media all and ( max-width: 500px ) {
   #currency-table th.chart {
      color: transparent;
      font-size: 0;
   }

   #currency-table td.chart {
      font-size: 18px;
   }
}

@media all and ( max-width: 400px ) {
   .overview {
      min-width: auto;
   }

   .my-coin-input {
      width: 30px;
   }

   #coin-search-container input {
      width: 80px;
   }

   .menu .logout-container {
      right: 100px;
   }

   #currency-table td.chart {
      font-size: 16px;
   }

   .coin-block .price {
      padding-left: 44px;
   }

   .coin-block .ratio-description {
      padding-left: 44px;
   }

   .coin-block.coin-block-total #total-change-percentage {
      padding-left: 154px;
   }

   .coin-block #total-amount {
      padding-left: 44px;
   }

   #real-time-display-options {
      display :block;
      width: 180px;
   }

   .currency-select {
      width: 180px;
   }
}

@media all and ( max-width: 360px ) {
   #currency-table .chart {
      display: none;
   }
}

@media all and ( max-width: 300px ) {
   #currency-table .change {
      display: none;
   }

   #coin-search {
      width: 100px;
   }

   .coin-block .price {
      padding-left: 0;
   }

   .coin-block .ratio-description {
      padding-left: 0;
   }

   .coin-block.coin-block-total #total-change-percentage {
      padding-left: 104px;
   }

   .coin-block #total-amount {
      padding-left: 0;
   }

   .coin-block .my-value {
      width: 56px;
   }

   .coin-block .my-change, .coin-block #total-change-amount {
      padding-left: 8px;
   }
}

@media all and (max-width: 240px) {
   #coin-search-container {
      position: inherit;
      padding-left: 5px;
      padding-bottom: 10px;
   }

   .menu .logout-container {
      position: inherit;
      padding-top: 28px;
      padding-left: 5px;
   }

   #coin-search {
      margin-left: 0;
   }
}
.form-line.error input[type='text'] {
   border-color: red;
}

.form-line.error label {
   font-weight: bold;
}

.form-error {
   margin-left: 200px;
   padding: 3px 6px;
   border-radius: 2px;
   background-color: #ffffff;
   display: inline-block;
   margin-bottom: 10px;
}

.form-error .message {
   display: block;
   color: #990000;
}

.form-line {
   margin-bottom: 5px;
}

.form-line label {
   display: inline-block;
   width: 200px;
}

.form-line input {
   width: 240px;
}

.form-line input[type="submit"] {
   width: auto;
   padding: 2px 12px;
   cursor: pointer;
   background-color: #c9c9c9;
}

.form-line input[type="submit"]:hover {
   background-color: #dedede;
}

.form-line input, .form-line textarea {
   border: 1px solid #6b6b6b;
   border-radius: 2px;
   padding: 2px 5px;
}

.form-line textarea {
   width: 440px;
   height: 80px;
}

.form-line.checkbox-container input {
   width: auto;
   display: inline;
   vertical-align: bottom;
}

.form-line.checkbox-container label {
   display: inline;
}