body, h1, h2, h3, h4, h5, h6 {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
  letter-spacing: normal;
}

h1, h2, h3, h4, h5, h6 {
  /* color: #1694CA; */
  text-align: left;
  color: #026088;
}

h1 {
  font-size: 2.5rem;
  letter-spacing: -0.1rem;
  font-weight: 300;
}

h2 {
  font-size: 2rem;
  margin-top: 5rem !important;
  letter-spacing: -0.1rem;
  font-weight: 300;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
}

h3 {
  font-size: 1.7rem;
  margin-top: 3rem !important;
  font-weight: 300;
}

h4 {
  font-size: 1.5rem;
  margin-top: 2rem !important;
  font-weight: 300;
}

h5 {
  font-size: 1.2rem;
  font-weight: 400;
}

h6 {
  font-size: 1rem;
  font-weight: 400;
}

#top-bar {
  padding: 0 0.5rem;
  min-height: 2rem;
}

#breadcrumbs {
  font-size: 0.8rem;
  font-weight: 300;
}

#sidebar ul li ul li ul li ul {
  list-style-type: disc;
}

#sidebar ul li.parent > a {
  color: rgb(93, 204, 251) !important;
}

.dd-item b {
  display: none;
}

body.cloud-setup h5, body.protocol h5 {
  background-color: #1694ca;
  font-size: 1em;
  color: #fff;
  padding: 2px 5px;
}

body.cloud-setup h5 code {
  background: #01618a;
  color: #fff;
  margin: 0 5px;
}

body.protocol h6 {
  font-family: courier, courier new, serif;
  font-weight: 700;
}

#body-inner {
  opacity: 0;
  padding-right: 6rem;
}

#body-inner table {
  margin-bottom: 48px;
}

#body-inner .notices {
  margin-bottom: 35px;
}

#body-inner.with-toc {
  width: 75%;
  float: left;
  padding-right: 3rem;
}

#messages {
  width: 50%;
  margin: 50px auto;
}

#page-toc {
  width: 25%;
  float: right;
  padding: 2rem;
  font-size: .9rem;
  color: #333;
}

#page-toc h4 {
  font-size: 1rem;
  font-weight: bold;
  margin: 3.5rem 0 0 0 !important;
  color: #333;
}

#page-toc ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#page-toc ul li {
  /* margin-bottom: .5rem; */
}

#page-toc li ul li {
  padding: 0 .8rem;
}

#page-toc a {
  color: #333 !important;
}

#page-toc a:hover {
  color: #1694CA !important;
}

.copy-to-clipboard {
  display: none;
}

a > code {
  border-bottom-width: 1px;
  border-bottom-style: dotted;
}

.external-link .fa-external-link {
  color: #555;
  font-size: .7rem;
  padding-left: 5px;
}

.notices {
  padding: 1px 1px 1px 1rem !important;
}

.notices p {
  margin: .5rem 0;
}

.notices a {
  border-bottom-width: 1px;
  border-bottom-style: dotted;
}

.notices p > strong:first-child,
blockquote p > strong:first-child {
  display: block;
}

.notices-header {
  font-size: .8rem;
  font-weight: bold;
}

.notices-header i {
  margin-right: .5rem;
}

.notices.blue {
  border-left-color: #1694CA !important;
  color: #1694CA !important;
}

.tags a {
  background-color: #555;
  color: #fff;
  padding: .2rem .4rem;
  border-radius: .2rem;
  font-size: .9rem;
}

.quick-tray {
  clear: both;
  overflow: hidden;
}

.quick-tray a {
  float: right;
}

.quick-tray a:first-child {
  float: left;
}

a.search-by-tag {
  /*background-color: #014360;
  color: #fff;
  padding: .2rem .5rem;
  border-radius: .2rem;
  font-weight: bold;
  width: 99%;*/
  margin-top: 5px;
  font-size: .9rem;
  text-transform: lowercase;
  padding: 2px 10px;
  color: #eee !important;
  margin-left: 5px;
}

a.search-by-tag:first-child {
  margin-left: 0;
}

.last-update-date {
  font-size: .8em;
  color: #777;
  /* text-align: center; */
  margin-top: 10px;
  border-top: 1px dotted #ccc;
  padding-top: 5px;
}

.night-mode-toggle em {
  font-style: normal;
}

body.night {
  background: #333;
  color: #ddd;
}

body.night h1, body.night h2, body.night h3,
body.night h4, body.night h5, body.night h6 {
  color: #1694CA;
}

body.night #top-bar {
  background: #555;
}

body.night th {
  background: #ccc;
  color: #333;
}

body.night code {
  background: #d2c2c7;
}

body.night pre > code {
  background: transparent;
}

body.night pre {
  background: #ccc;
}

body.night .notices {
  background: #222 !important;
}

.login-form .form-actions .button.secondary {
  display: none;
}

.search-date {
  font-size: .7em;
  color: #777;
}

.device-template-wrapper {
  overflow-x: scroll;
}

.device-template-wrapper table {
  margin-top: 5px;
  font-size: .8em;
}

.device-template-wrapper table thead,
.device-template-wrapper table th {
  font-weight: 700;
  background-color: #eee;
}

.device-template-wrapper table tbody {
  text-align: center;
}

.device-template-wrapper table tbody td:first-child,
.device-template-wrapper table tbody td:nth-child(2) {
  text-align: left;
}

.device-template-wrapper p {
  margin: 0;
  padding: 0;
  text-align: right;
}

.deprecated-menu-item {
  font-style: italic;
  color: rgba(255, 255, 255, .28) !important;
}

#footer {
  display: none;
}

@media screen and  (max-width: 999px) {
  #body {
    overflow: hidden;
  }

  #body .padding {
    padding: 1rem;
  }

  #body-inner {
    padding-right: 0;
  }

  #body-inner.with-toc {
    width: auto;
    float: none;
    padding-right: 0;
  }

  #page-toc {
    display: none;
  }
}

@media print {
  #sidebar-toggle, #top-bar {
    display: none;
  }

  #body .padding {
    padding: 0;
  }

  #body-inner.with-toc {
    width: 100%;
    float: none;
    padding-right: 0;
  }

  #page-toc {
    display: none;
  }

  a > code {
    border-bottom: none;
  }

  .external-link .fa-external-link {
    display: none;
  }
}

.embedded-iframe-content iframe {
  border: none;
}

.iframe-jsonschema {
  border: 1px solid #ccc;
  min-height: 2000px;
}