* {
  margin: 0;
  padding: 0;
}

html {
  min-height: 100%;
  position: relative;
}

body {
  background: #f6f0da;
  color: #384452;
  font-weight: 400;
  height: 100%;
  margin: 0;
  margin-bottom: 46px;
  padding-bottom: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
}

p {
  color: #384452;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 12px;
  margin-top: 10px;
  padding: 0;
}

img {
  height: auto;
  max-width: 100%;
}

a, a>i {
  padding: 0;
  margin: 0;
  text-decoration: none;
  -webkit-transition: background-color .4s linear, color .4s linear;
  -moz-transition: background-color .4s linear, color .4s linear;
  -o-transition: background-color .4s linear, color .4s linear;
  -ms-transition: background-color .4s linear, color .4s linear;
  transition: background-color .4s linear, color .4s linear;
}

a:hover,
a:focus {
  color: #00b3fe;
  text-decoration: none;
}

::-moz-selection {
  background: #2B2E31;
  color: #fff;
  text-shadow: none;
}

::selection {
  background: #2B2E31;
  color: #fff;
  text-shadow: none;
}

.centered {
  text-align: center
}

.navbar {
  margin-bottom: 0;
  min-height: 70px;
  padding-top: 10px;
}

.navbar-default {
  background-color: #384452;
  border-color: transparent;
}

.navbar-brand {
  font-family: 'Open Sans', sans-serif;
  font-weight: 800;
}

.navbar-header .navbar-brand {
  color: white;
}

.navbar-header h1 {
  margin: 0;
}

.navbar-default .navbar-brand:hover {
  color: white;
}

.navbar-default .navbar-nav>li>a {
  color: white;
  font-size: 12px;
  font-weight: 700;
}

.navbar-default .navbar-nav>li>a:hover {
  color: #00b3fe;
}

.navbar-default .navbar-nav>li>a:focus {
  color: white;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
  background-color: transparent;
  color: #00b3fe;
}

.dropdown a .fas {
  font-size: 1.2em;
}

.btn-theme {
  background-color: #384452;
  border-color: #384452;
  color: #fff;
  margin: 4px;
}

.btn-theme:hover,
.btn-theme:focus,
.btn-theme:active,
.btn-theme.active,
.open .dropdown-toggle.btn-theme {
  background-color: #00b3fe;
  border-color: #00b3fe;
  color: #fff;
}

.dropdown-menu {
  border: none;
  min-width: 0;
  overflow-y: auto;
  text-align: left;
  width: 100%;
}

@media (min-width: 768px) {
  .navbar-nav .open .dropdown-menu {
    background-color: #384452;
  }

  .dropdown-menu>li>a:hover,
  .dropdown-menu>li>a:focus {
    background-color: #384452;
  }
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a {
  color: #FFF;
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
  color: #00b3fe;
  text-decoration: none;
}

.about {
  padding-bottom: 80px;
  padding-top: 40px;
}

@media (min-width: 768px) {
  .about {
    padding-bottom: 40px;
  }
}

.about p {
  font-size: 16px;
  margin-bottom: 30px;
}

.about p.list {
  margin-bottom: 10px;
}

.about h5 {
  color: #384452;
  font-size: 16px;
  font-weight: 700;
}

.about ul {
  margin: 0;
  margin-bottom: 30px;
  padding: 0;
  padding-left: 1.2em;
  font-size: 16px;
  line-height: 24px;
}

.about .prettyprint_t {
  margin-bottom: 15px;
}

.prettyprint {
  margin-bottom: 30px;
  margin-top: 15px;
}

#chartwrap {
  background-color: #f6f0da;
  padding-bottom: 70px;
  padding-top: 20px;
}

@media (min-width: 768px) {
  #chartwrap {
    padding-bottom: 30px;
  }
}

#chartwrap h3, h5 {
  color: white;
  font-weight: 400;
}

#chartwrap h1 {
  color: white;
  margin-bottom: 25px;
}

#chartwrap .img-responsive {
  margin: 0 auto;
}

#timeselect {
  margin-bottom: 10px;
  text-align: right;
}

.oneday {
  margin: 0 0 0 4px;
}

.twoday {
  margin: 0 4px 0 0;
}

@media (min-width: 768px) {
  #timeselect {
    margin-bottom: 10px;
    text-align: right;
  }
}

#chart {
  height: 400px;
  width: 100%;
  border: 1px solid #bfc9d3;
  margin-bottom: 10px;
  background-color: white;
}

@media (min-width: 768px) {
  #chart {
    height: 500px;
    width: 100%;
    margin-bottom: 10px;
  }
}

@media (min-width: 992px) {
  #chart {
    height: 600px;
    width: 100%;
    margin-bottom: 10px;
  }
}

#note p {
  margin-bottom: 0;
  margin-top: 10px;
  text-align: left;
}

@media (min-width: 768px) {
  #note p {
    text-align: center;
  }
}

/*----------------------------*/
.ad-upper-chart-v {
  height: 100px;
  margin: 0 auto 30px auto;
  text-align: center;
}

@media (min-width: 520px) {
  .ad-upper-chart-v {
    height: 90px;
  }
}

@media (min-width: 992px) {
  .ad-upper-chart-v {
    padding-left: 100px;
    padding-right: 100px;
  }
}

.ad-upper-chart-v-in {
  height: 100px;
  width: 100%;
  margin: 0 auto;
}

@media (min-width: 520px) {
  .ad-upper-chart-v-in {
    height: 90px;
    width: 100%;
    margin: 0 auto;
  }
}

.ad-upper-chart {
  height: 100px;
  width: 320px;
  margin: 0 auto 30px auto;
  text-align: center;
}

@media (min-width: 520px) {
  .ad-upper-chart {
    height: 60px;
    width: 468px;
  }
}

@media (min-width: 768px) {
  .ad-upper-chart {
    margin: 0 auto 20px auto;
  }
}

@media (min-width: 992px) {
  .ad-upper-chart {
    height: 90px;
    width: 728px;
  }
}

.ad-upper-chart-in {
  height: 100px;
  width: 320px;
}

@media (min-width: 520px) {
  .ad-upper-chart-in {
    height: 60px;
    width: 468px;
  }
}

@media (min-width: 992px) {
  .ad-upper-chart-in {
    height: 90px;
    width: 728px;
  }
}

.ad-bottom {
  height: 100px;
  width: 320px;
  margin: 20px auto 10px auto;
  text-align: center;
}

@media (min-width: 520px) {
  .ad-bottom {
    height: 60px;
    width: 468px;
  }
}

@media (min-width: 992px) {
  .ad-bottom {
    height: 90px;
    width: 728px;
  }
}

.ad-about-bottom {
  margin-bottom: 10px;
  text-align: center;
}

@media (min-width: 768px) {
  .ad-about-bottom {
    padding-left: 120px;
    padding-right: 120px;
  }
}

.ad-link {
  margin-bottom: 10px;
  margin-top: 20px;
  text-align: center;
}

@media (min-width: 768px) {
  .ad-link {
    height: 90px;
    padding-left: 120px;
    padding-right: 120px;
  }
}

.ad {
  margin-bottom: 10px;
  margin-top: 20px;
  text-align: center;
}

.ad-xs {
  min-height: 60px;
}

.ad-sm {
  min-height: 60px;
}

.ad-md {
  min-height: 90px;
}

#footer {
  background: #384452;
  bottom: 0;
  margin-bottom: 0;
  padding-bottom: 5px;
  padding-top: 5px;
  position: absolute;
  width: 100%;
}

#footer p {
  color: #bfc9d3;
  text-align: center;
}

#footer i {
  color: #bfc9d3;
  margin: 0 12px;
}

#footer i:hover {
  color: white;
}

@media (min-width: 768px) {
  #footer p.copyright {
    text-align: right;
  }

  #footer p.snsicon {
    font-size: 1.2em;
    text-align: left;
  }

  #footer i {
    margin: 0 24px 0 0;
  }
}

/*nvd3*/
.nvd3 text {
  font: unset;
  font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
}

.nvtooltip {
  font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
}

.nvd3 .nv-y .nv-axis .tick.zero line {
  stroke: #000;
}