@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,400i,700%7CRoboto+Mono);



/*
* FONTS
*/
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

* {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, Helvetica, Arial,
    sans-serif !important;
  color: rgb(233, 235, 252);
}

h1,
h2,
h3,
h4,
h5,
h6,
.title {
  color: rgb(233, 235, 252);
  border: none;
}

h1 {
  margin: 0 0 40px;
  font-weight: 300;
  font-size: 32px;
  line-height: 1.3;
  letter-spacing: -0.01em;
}

h2 {
  margin: 40px 0 16px;
  font-weight: 300;
  font-size: 25px;
  line-height: 1.4;
  letter-spacing: -0.01em;
}

h3 {
  margin: 32px 0 16px;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: -0.01em;
}

h2 + h3 {
  margin-top: 16px;
}

h4 {
  margin: 16px 0;
  font-weight: 700;
  letter-spacing: -0.01em;
}

h5,
h6 {
  margin: 16px 0;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: -0.01em;
}

h5 {
  text-transform: uppercase;
}

li {
  font-size: 14px;
}
p {
  font-size: 16px;
}

#segment-footer p {
  font-size: 14px;
}

a {
  text-decoration: underline;
}

[data-anchorjs-icon]::after {
  content: "¶";
}

ul.dict li,
table.dict td,
table.dict p,
div.sidebar ul,
div.sidebar li,
pre.json,
pre.rdf,
pre.fhirpath,
pre.graphql,
pre.xml,
.hierarchy,
tr.hierarchy {
  font-size: 14px;
}

td,
tr,
table.dict td.structure,
table.codes td,
table.grid th,
table.grid td {
  line-height: 25px;
  font-size: 16px;
}

ul.breadcrumb * {
  font-size: 14px;
  font-weight: 400;
}

/*
* BACKGROUNDS
*/
html {
  background-color: rgb(22, 23, 29);
}

#segment-footer {
  background-color: rgba(26, 27, 35, 0.87);
  padding-top: 20px;
  padding-bottom: 20px;
}

#segment-footer * {
  padding: 0 !important;
}

#segment-footer *,
#segment-content *,
#segment-navbar *,
#segment-breadcrumb *,
#segment-header .container,
#segment-footer > .container {
  background: none;
}

#segment-breadcrumb,
#segment-content {
  background-color: rgb(46, 48, 62);
}


#segment-content a {
  color: hsla(200, 18%, 46%, 1);
}

#segment-content a:hover {
  color: rgb(124, 77, 255);
}

#segment-navbar {
  background-color: rgb(84, 109, 120);
}

#segment-header {
  background-color: rgb(84, 109, 120);
}

/*
* ELEMENTS
*/
#ig-status {
  margin: 0;
  padding: 0;
  display: inline;
  position: fixed;
  top: 0;
  left: 50%;
  height: auto;
}
#ig-status * {
  font-size: 12px;
}

#publish-box {
  border:none;
  background-color: rgba(255, 145, 0, 0.1);
  border-left: 4px solid  rgb(255, 145, 0);
  padding-left: 15px;
  margin-bottom: 18px;
  border-radius: 2px;
}

#nav-logo img {
  margin-top: 10px;
}

div.markdown-toc {
  width: 234px;
  border: none;
}

div.markdown-toc * {
  font-size: 14px !important;
}

.nav-tabs {
  border-bottom: 1px solid white;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  border: 1px solid white;
  border-bottom-color: rgb(46, 48, 62) !important;
}

.nav-tabs li a:hover,
.nav-tabs li a:focus {
  border-bottom-color: rgb(46, 48, 62) !important;
}

pre {
  color: rgb(213, 215, 226) !important;
  background-color: rgb(33, 34, 44) !important;
  font-family: "Roboto Mono", SFMono-Regular, Consolas, Menlo, monospace !important;
  width: auto !important;
  padding-left: 2% !important;
  padding-right: 2% !important;
  border-radius: 2px;
  border: none;
}

pre *, code {
  text-shadow: none!important;
  font-family: "Roboto Mono", SFMono-Regular, Consolas, Menlo, monospace !important;
}

p > code {
  font-size: 14px!important;
  border-radius: 2px!important;
  color: rgb(213, 215, 226) !important;
  background-color: rgb(33, 34, 44) !important;
  padding-left: 4px!important;
  padding-right: 4px!important;
  line-height: 22px!important;

}

.ui-widget-header {
  border: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid white;
  font-weight: bold;
}
#tabs,
table.grid {
  background-color: rgba(255, 255, 255, 0.024) !important;
  border: none;
  border-radius: 2px;
}
table {
  width: 100%;
  margin-bottom: 18px;
}
table.grid td {
  padding-left: 20px;
}
table tr,
table td,
table th {
  background-color: transparent !important;
  border: none !important;
}
#tabs table tr:nth-child(even) {
  background-color: rgba(255, 255, 255, 0.024) !important;
}
#tabs table tr:nth-child(odd) {
  background-color: rgba(0, 0, 0, 0.024) !important;
}

#tabs table th {
  line-height: 40px;
  font-size: 16px;
}

table.dict td.structure {
  padding-top: 30px;
  line-height: 40px;
}

/* 
* SOURCE THING 
*/ 
.nav-source {
  float: right;
  width: 250px;
}

.nav-source-icon {
  width: 48px;
  height: 48px;
}
.nav-source-icon svg {
  fill: white;
  width: 24px;
  height: 24px;
  margin: 12px;
}

.nav-source ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.nav-source ul li {
  float: left;
  font-weight: 700;
  font-size: 11px;
}
.nav-source ul li::before {
  margin: 0 .1rem;
  content: "\00B7";
}
.nav-source ul li:first-child::before {
  display: none;
}

.nav-source * {
  text-decoration: none!important;
}
.nav-source a > div {
  display: inline-block;
  vertical-align: middle;
}
.nav-source-repo-name {
  font-size: 13px;
  font-weight: 700;
  text-overflow: ellipsis;
  margin-top: 10px;
}